给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 腾讯云1024限时活动:免费领取一个月轻量
腾讯云1024限时活动:免费领取一个月轻量
2
隐藏TranslucentTB任务栏图标
隐藏TranslucentTB任务栏图标
3
WordPress代码高亮插件【MAC风格】
WordPress代码高亮插件【MAC风格】
4
高危漏洞预警:WordPress REST API 远程代码执行漏洞(CVE-2026-63030)
高危漏洞预警:WordPress REST API 远程代码执行漏洞(CVE-2026-63030)
5
Nginx 1.30:开启Web服务新时代的重要里程碑
Nginx 1.30:开启Web服务新时代的重要里程碑
文章目录
站长声明

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