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

2025-12-25 11,193 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

结语

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

相关文章

解决宝塔数据库变量 $cfg['TempDir'] (/www/server/phpmyadmin/phpmyad...
交互式网站与非交互式网站:核心差异与场景解析
重磅发布:Nginx 1.31.1 正式登场,核心安全修复与稳定性升级全解析
WordPress 7.0 正式版震撼发布!全新功能与性能优化全面解析
从0到1搭建你的第一个网站:域名、服务器与部署,一篇看懂
个人网站搭建指南:从零到部署,用最少代码搞定安全、快速与易维护

评论 (1)

发布评论