CSS显示半个字符的基本思路：

就是一个字写两遍，分别显示一半。这里就须要用到CSS伪元素:before和:after，记住这个“伪元素”的“伪”字，表明它本来是不存在的。我们的方法就是在伪元素里放置同样的字符，仅仅显示半个，而原字符显示另外一半，最后把它们拼成一个字。

效果图：

CSS:

HTML:

到此一游