本篇文章帶大家了解一下css text-emphasis屬性，通過(guò)幾個(gè)實(shí)例來(lái)介紹一下text-emphasis屬性的使用方法。

就一般而言，我們所做的頁(yè)面并非對(duì)于文學(xué)類用戶，因此也不太可能會(huì)接觸到“著重號(hào)”這個(gè)符號(hào)。如果對(duì)于 word 不陌生的朋友應(yīng)該會(huì)知道在 word 中有一個(gè)文本設(shè)置，就是設(shè)置“著重號(hào)”的。

電腦中沒(méi)有 word，就從百度上搜了一張，反正呢，大概就是這個(gè)效果了。

那么本文要說(shuō)的 CSS 屬性也就是這個(gè)“著重號(hào)”的屬性，我們可以通過(guò) text-emphasis 屬性設(shè)置文本“著重號(hào)”樣式。這是 text-emphasis-color 和 text-emphasis-style 這兩個(gè)屬性的簡(jiǎn)寫方式，也就是說(shuō)，我們可以通過(guò) text-emphasis 同時(shí)設(shè)定“著重號(hào)”字符樣式以及顏色，比如：

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

那么就可以看到這樣的效果。

至于在 word 中看到的是不是這樣的效果，這個(gè)我也不知道了，反正呢，在 web 頁(yè)面中，我們所看到的著重號(hào)不僅可以修改字符樣式以及顏色，還可以修改大小和位置。

• text-emphasis-style 有好幾個(gè)屬性值，并且也可以輸入任意字符；
• text-emphasis-color 則可以使用常規(guī)的 web 中使用的顏色值，rgba()、rgb()什么的都可以；

而如果想要調(diào)整位置的話，那么就是要額外一個(gè)屬性 text-emphasis-position，雖然看著這個(gè)屬性跟 style 和 color 很相近，但并不是 text-emphasis 簡(jiǎn)寫中的一個(gè)。那么對(duì)于 text-emphasis-position 在常規(guī)的情況下，我們能控制的位置是上以及下這兩個(gè)方向，也就是：

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

如想要了解