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

告诉你个小秘密,放心不是想约你去“六峰山”,就是想告诉你这样的效果通过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-;

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