分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » 代码 » WordPress如何美化段落标题标签
+ 3

WordPress如何美化段落标题标签

WordPress如何美化段落标题标签-BanYuner

今天又一位群友问我如何美化文章内标题的标签,也就是我现在的样子:
WordPress如何美化段落标题标签-BanYuner

其实这个标签样式我很早之前就看到了,但是当时根本不懂代码,只能羡慕一下,没有尝试去修改。后来研究了一段时间的CSS代码之后,我再次看到了这个样式,就决定参考一下来,在自己的主题上面实现这个样式。

经过我研究发现,简单的就是通过CSS定义了内容中的H标签的样式,那么应该如何定义呢,或者说如何定义才能变成我这样呢,其实说起来很简单的。

直接将下面的代码添加到你的style.css中即可:

.article-content h2{
font-size:18px;
font-weight:bold;
border-bottom: 1px solid;
padding: 5px 15px;
border-left: 8px solid;
margin:18px 0px 18px -20px;
overflow: hidden;
}

其中.article-content为你的主题内容的类,之后替换一下应该是没有问题的,代码中重要的主要是第4行第6行。

如果还有什么问题可以留言告知。

关注我们 打赏 分享此文

微信扫码,关注我们

扫码,支持我

WordPress如何美化段落标题标签

支付宝(点击图片切换)

扫码,支持我

WordPress如何美化段落标题标签

微信(点击图片切换)

扫码,手机看

WordPress如何美化段落标题标签
匿名

个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃ 分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

相关推荐

  • WordPress评论上方显示评论用户列表

    WordPress评论上方显示评论用户列表

    一段时间之前,我在我的博客里面添加了下面的功能,这个功能我一开始觉得貌似没有人会喜欢或者说会显得比较多余,但是今天一个朋友问我如何实现这个功...

    点击查看
  • WordPress自动截取文章首段限定字数做为摘要

    WordPress自动截取文章首段限定字数做为摘要

    今天一个朋友问我这个问题,说实话,我也不像百度了,所以直接把 DUX 的方法介绍给大家了,我个人还是比较看好这个方法的。 DUX 实现这个功...

    点击查看
  • WordPress文章内容底部添加相关文章

    WordPress文章内容底部添加相关文章

    这个功能貌似很多人都已经知道了,但是我相信还是有很多新接触 WordPress 的用户还是不了解的,这里我就直接简单的说明一下,不明白的地方...

    点击查看
WordPress如何美化段落标题标签
0 + 7 =