在早些时候，我们如果要强调几个字，可能更多是使用加粗，斜体这种较为常规的文字样式类型：
{ font-weight: bold; // 加粗 font-style: italic; // 斜体 }现在，多了一种有意思的强调方式 -- text-emphasis。
text-emphasis 语法text-emphasis 包含了 text-emphasis 和 text-emphasis-position，允许我们在文字上方或者下方添加不同的强调装饰以及不同的颜色。
看个简单的 Demo：
<p> This is <span>Text-emphasis</span>. </p> p span{ text-emphasis: circle; }text-emphasis: circle 的效果是给包裹的文字，在其上方，添加 circle 图形，也就是圆圈图形，效果如下：
当然，默认是黑色的，我们可以在 circle 后面补充颜色：
p span{ text-emphasis: circle #f00; }除了 circle，还提供非常多种图形可以选择，也可以自定义传入字符，甚至是 emoji 表情：
<p> A B C D <span>E F</span> G H <span>I J</span> K L <span>M N</span> </p> .keyword { text-emphasis: circle #f00; } .word { text-emphasis: 'x' blue; } .emoji { text-emphasis: '