深入浅析css text-emphasis属性，看看它的用法！

本篇文章带大家了解一下css text-emphasis属性，通过几个实例来介绍一下text-emphasis属性的使用方法。

就一般而言，我们所做的页面并非对于文学类用户，因此也不太可能会接触到“着重号”这个符号。如果对于 word 不陌生的朋友应该会知道在 word 中有一个文本设置，就是设置“着重号”的。

电脑中没有 word，就从百度上搜了一张，反正呢，大概就是这个效果了。

那么本文要说的 CSS 属性也就是这个“着重号”的属性，我们可以通过 text-emphasis 属性设置文本“着重号”样式。这是 text-emphasis-color 和 text-emphasis-style 这两个属性的简写方式，也就是说，我们可以通过 text-emphasis 同时设定“着重号”字符样式以及颜色，比如：

p {     -webkit-text-emphasis: dot red;     text-emphasis: dot red; }

那么就可以看到这样的效果。

至于在 word 中看到的是不是这样的效果，这个我也不知道了，反正呢，在 web 页面中，我们所看到的着重号不仅可以修改字符样式以及颜色，还可以修改大小和位置。

• text-emphasis-style 有好几个属性值，并且也可以输入任意字符；
• text-emphasis-color 则可以使用常规的 web 中使用的颜色值，rgba()、rgb()什么的都可以；

而如果想要调整位置的话，那么就是要额外一个属性 text-emphasis-position，虽然看着这个属性跟 style 和 color 很相近，但并不是 text-emphasis 简写中的一个。那么对于 text-emphasis-position 在常规的情况下，我们能控制的位置是上以及下这两个方向，也就是：

• text-emphasis-position: over;
• text-emphasis-position: under;

如想要了解