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

2025-12-25 698 1

本期教程如果给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

结语

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

相关文章

用 WP-CLI 高效管理 WordPress:告别后台点击,拥抱命令行
你的网站真的“准备好”了吗?5个常被忽视却至关重要的网站优化细节
深入理解容器化技术:Docker 核心原理与实践
基于宝塔面板快速搭建个人博客系统:WordPress、Typecho 与 Emlog 全面对比与部署指南
深度解析 <a> 标签的 rel 属性:noopener、noreferrer、nofollow 到底该怎么用?别再盲目复制了!
网站图片格式终极指南:何时用 WebP?何时用 PNG 或 JPG?——全面解析性能、兼容性与视觉质量

评论 (1)

发布评论