SSR服务器搭建,VPS搭建SSR,SSR客户端配置,vultr搭建SSR,dedecms,织梦,科学上网,织梦伪静态规则,织梦全站伪静态,织梦手机版伪静态

文章内小标题高亮显示CSS代码

工作手记 baishitou 421℃ 0评论

文章内小标题高亮显示CSS代码,case是文章正文的DIV。你直接替换就行了,下面CSS设置了从h1到h6。

.case h1,.case h2,.case h3,.case h4,.case h5,.case h6{margin-bottom: 18px;
	background-color: #fbfbfb;
	color: #333;
	border-left: 4px solid #62bbc3;
	padding-left: 10px;
	margin: 10px 0;
	font-weight: 400}
.case h1 {
	font-size: 32px;
	padding-top: 10px;
	padding-bottom: 10px
}
.case h2 {
	font-size: 28px;
	padding-top: 8px;
	padding-bottom: 8px
}
.case h3 {
	font-size: 20px;
	padding-top: 4px;
	padding-bottom: 4px
}
.case h4 {
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px
}
.case h5 {
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: 400
}
.case h6 {
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 400
}

效果如下:

 

转载请注明:白石头博客 » 文章内小标题高亮显示CSS代码

喜欢 (2)or分享 (0)

您必须 登录 才能发表评论!