给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 你的新域名刚注册13秒,OpenAI就来敲门了
你的新域名刚注册13秒,OpenAI就来敲门了
2
Linux中修改主机名并立即生效的完整指南
Linux中修改主机名并立即生效的完整指南
3
AeroCore:不只是一个 WordPress 主题,而是一场关于“掌控感”的革命
AeroCore:不只是一个 WordPress 主题,而是一场关于“掌控感”的革命
4
消消乐
消消乐
5
智能赋能:在AI浪潮中重塑个人与组织的竞争力
智能赋能:在AI浪潮中重塑个人与组织的竞争力
文章目录
站长声明

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