爱分享
分享是一种态度

WordPress文章页H标签美化

使用WordPress默认的编辑器编辑文章时,我们常常喜欢使用默认的“一级标题”、“二级标题”等来为文章设置段落标题以更好地实现文章的层级结构。这些段落标题其实就是HTML中的一个个H标签,使用段落标题一方面可以有效地帮助网站访问者快速理解文章结构,获取文章主要内容;另一方面如果我们后期想为文章做个目录的话,使用H标签也可以方便我们后期自动生成目录。

CSS样式代码:

/** 文章页H标签美化 **/
.article-content h1, .article-content h2{
	font-weight:bold; 
	background-color: #f6f6f6;
	margin:20px 0;
	border-bottom: 0px solid #12b4f0;
	padding: 5px 12px;
	border-left: 5px solid #24b4f0;
	margin:12px 0px;
}

将上述代码复制到main.css文件即可。

赞(0)
未经允许不得转载:爱分享 » WordPress文章页H标签美化

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址