2. 实现凹凸效果

[fedono]

<div class="ao"></div>

.ao {
    display: inline-block;
    width: 0;
}
.ao:before {
    content: "love你love";
    outline: 2px solid #cd0000;
    color: #fff;
}

原理

1. 利用英文字符和中文字符的换行效果，这里.ao的 width: 0让每一行都换行，然后在before里使用中英文的占位效果来实现凹凸效果，要使用凸的时候，before 里面的content: "我love你"
2. 这里让before 里面的color: #fff来实现文字的在页面中不显示。