还记得小时候写黑板报吗?总有一些小伙伴喜欢在重点字句上画着重符号,就像下面一样:

告诉你个小秘密,放心不是想约你去“六峰山”,就是想告诉你这样的效果通过html+css就能实现,就是这个text-emphasis属性。

text-emphasis有三个属性:text-emphasis-style | text-emphasis-color | text-emphasis-position,分别是样式|颜色|位置

1.text-emphasis-style样式 类型:filled 实心 | open 空心 符号: dot • | circle ● | double-circle ◉ | triangle ▲ | sesame ﹅ 兼容:火狐直接用,谷歌加 -webkit-text-emphasis 例如: 空心 红色 double-circle text-emphasis: open double-circle red; 2.text-emphasis-color颜色 3.text-emphasis-position 位置:over 上| under 下  | right | left  ——不知道咋回事,我测试的左右不生效,看网友有没有成功了可以告诉我


案例代码:

css代码:
p{text-emphasis:'❥' red;-webkit-text-emphasis: '❥' red;}

html代码:
<p>童年的黑板报</p>

注意,火狐浏览器不用兼容,好像就是起源于火狐,谷歌需要前面加-webkit-;

不要问我符号哪里搞,是不是全部支持(当然全部支持),符号自行百度吧,很多,就不打广告了.