需求场景:
为了让文章的标题更加醒目,有些站长给别提添加了样式,其中就有一种在标题的开头部分添加一个醒目颜色的方块标记样式,且这个颜色方块一般会在文章主体框架上露出一点头。
♥给文章标题头布添加带有颜色的方块标记
事实上添加这种样式很简单,只需要在标题标签内如H3,添加cs如下样式即可:
<h3 style="border-left: 16px solid #9C27B0;margin-left: -12px;>TEST</h3>
当然为了方便省事,我们还是把这个style写到css文件中比较靠谱,一般在主题目录下的style.css文件中;
编辑这个文件,并找到关于H3标签的css样式,大嘴这里的是“.entry-content h3”,文章的H3标签样式。
当然如果你不清楚,可以打开一篇文章,F12检查一下,找到一个H3的标题,查看一下其对应的并直接生效的css样式即可,我就是这样找到的,应该不难的哦!
(好的,今天就分享到这里,如果您有高见或好的分享,记得留言哦!)