给WordPress文章H1-H6标题添加下划线

本期教程如果给WordPress文章内容标题添加下划线,有的主题自带,有的不带,这期针对不带的,用来区分这是标题

代码

/* 限定只对文章正文内的 h1~h6 生效 */
.post_container h1,
.post_container h2,
.post_container h3,
.post_container h4,
.post_container h5,
.post_container h6 {
  display: inline-block;           /* 关键:宽度由内容决定 */
  border-bottom: 2px dashed #CECECE; /* 红色虚线(可换 #ff0000) */
  padding-bottom: 4px;             /* 文字与虚线间距 */
  margin-bottom: 16px;             /* 下方留出段落空间 */
  line-height: 1.4;                /* 防止行高挤压 */
}

具体效果看本文

注意

模板与模板的不同,引用方式也不一样,像我的就是post_container

可以根据图片就看一下自己的

文章页-鼠标邮件-查看页面源代码
或者图省事 view-source:你的文章链接
比如我的 view-source:https://www.qiandan.net/archives/1459.html

结语

如果实在找不到,可以发评论求助也可以上方【联系】求助

上一篇 为什么三级等保严禁弱口令,而银行卡密码却敢用6位纯数字?
下一篇 好看的404界面并且5秒后跳转指定界面
太行听风

太行听风管理员

“我”在河南,心在“你”附近

本月创作热力图

文章目录
随机文章
1 大圆哥最新一期的视频评价
大圆哥最新一期的视频评价
2
Debian 13.4 发布
Debian 13.4 发布
3
宝塔是什么,如何安装宝塔?
宝塔是什么,如何安装宝塔?
4
WordPress代码高亮插件【MAC风格】
WordPress代码高亮插件【MAC风格】
5
Debian 13.3 “Trixie” 发布:安全加固与错误修复的又一次稳健升级
Debian 13.3 “Trixie” 发布:安全加固与错误修复的又一次稳健升级
站长声明

本站部分内容转载自网络,作品版权归原作者及来源网站所有,任何内容转载、商业用途等均须联系原作者并注明来源。