文章内小标题高亮显示CSS代码
文章内小标题高亮显示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
}
效果如下:
声明:
1.本站主要是为了记录工作、学习中遇到的问题,可能由于本人技术有限,内容难免有纰漏,一切内容仅供参考。
2.本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!
3.本站所有原创作品,包括文字、资料、图片、网页格式,转载时请标注作者与来源。
1.本站主要是为了记录工作、学习中遇到的问题,可能由于本人技术有限,内容难免有纰漏,一切内容仅供参考。
2.本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!
3.本站所有原创作品,包括文字、资料、图片、网页格式,转载时请标注作者与来源。
THE END