
代码介绍如果你觉得网站的H行标签总是很难看,不够突出。可以试试我分享的这个H行标签美化代码,依然是上古美化,但依然不那么落伍
H2代码效果
H3代码效果
H4代码效果
H5代码效果
请注意:如果你对行标签使用了隐藏代码等短代码隐藏功能,或导致行标签样式失效。
请注意:如果你的主题不是B2主题,需要修改样式中的.entry-content这个样式名。查看方法就是自己发表带有H行标签的文章,然后查看行标签的上级(文章内容标签)标签样式名是什么,然后修改下方的.entry-content样式名。
实在不会的可以评论区留下你的网站,我帮你看一下。
请注意:如果你的主题不是B2主题,需要修改样式中的.entry-content这个样式名。查看方法就是自己发表带有H行标签的文章,然后查看行标签的上级(文章内容标签)标签样式名是什么,然后修改下方的.entry-content样式名。
实在不会的可以评论区留下你的网站,我帮你看一下。
相关样式代码,放到你的style.css文件内即可
/**************************************** H标签样式 ********************************************/
.entry-content>h2,.entry-content>h3,.entry-content>h4,.entry-content>h5 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid red;
padding: 5px 12px;
border-left: 5px solid red;
margin: 12px 0px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.entry-content>h2 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #FF1493;
padding: 5px 12px;
border-left: 5px solid #FF1493;
margin: 12px 0px;
}
.entry-content>h3 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #4169E1;
padding: 5px 12px;
border-left: 5px solid #4169E1;
margin: 12px 0px;
}
.entry-content>h4 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #3CB371;
padding: 5px 12px;
border-left: 5px solid #3CB371;
margin: 12px 0px;
}
.entry-content>h5 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #FFC0CB;
padding: 5px 12px;
border-left: 5px solid #FFC0CB;
margin: 12px 0px;
}
1、本站上的所有软件和资料均为软件作者提供和网友推荐收集整理而来,仅供学习和研究使用。如有侵犯你版权的,请来信指出,本站将立即改正。
2、访问本站的用户必须明白,【哔哔一二】对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。
3、本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
2、访问本站的用户必须明白,【哔哔一二】对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。
3、本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。