知更鸟 Begin主题文章内容H3美化

PangZhan
PangZhan
PangZhan
269
文章
83
评论
2019-09-1108:18:07 评论 131 749字阅读2分29秒

庞展博客Begin主题文章内H3标签美化CSS,演示见本博客文章中的H3标签。庞展博客用的是下面美化中的第一个;将代码添加到后台外观→主题选项→定制风格→自定义样式;

知更鸟 Begin主题文章内容H3美化

0x01 H3代码一

.single-content h3 {
	background: none repeat scroll 0 0 #EFE;
	border-left: 5px solid #e74c3c;
	color: #555;
	font-size: 18px;
        font-family: 微软雅黑, "Microsoft YaHei";
	padding: 5px 5px 5px 10px;
	border-radius: 5px;
	margin: 25px -0px 15px;
	overflow: hidden;
	clear: both;
}

0x02 H3代码二

.single-content h3 {
    font-size: 18px;
    font-family: 微软雅黑, "Microsoft YaHei";
    line-height: 190%;
    padding: 0px 5px;
    margin: 45px -10px 10px;
    border-left: 5px solid rgb(54, 144, 207);
    border-bottom: 3px solid rgb(54, 144, 207);
}

0x03 H3代码三

202000508目前现用样式参考「 资源」文章

.single-content h3 {
     color: #F60;
     background: #FFF4FF -1px -1px no-repeat;
     border: 1px solid #e74c3c;
     border-left: 5px solid #e74c3c;
     border-radius: 5px;
     overflow: hidden;
     margin: 10px -0px 10px;
     padding:3px 3px 3px 10px;
}