性价比服务器推荐
Q:756784772

wordpress H1 H2 H3 标题css样式美化代码

文章页面标题

文章标题为H1,其他标题最好不要有重复,建议正文从H2往后编写
我自己修改了以下,适合DUX主题,主要是文字多了,如果没有高亮,阅读起来很麻烦。
其中建议H4作为文章重要章节的标题样式,可以当锚点使用。


H2标题测试

H3标题测试

H3标题测试

H4标题测试/文章锚点

.article-content h2 {
    font-size: 16px;
    font-weight: 700;
    background-color: #45b6f7;
    padding: 6px 12px;
    border-left: 6px solid #FF0000;
    margin: 12px 0;
    color: #101010;

}

.article-content h3 {
    font-size: 14px;
    font-weight: 500;
    background-color: #f6f6f6;
    padding: 6px 12px;
    border-left: 4px solid #FF3333;
    margin: 12px 0;
    color: #101010;

}

.article-content h4 {
    font-size: 14px;
font-weight: 500;
    margin:20px 0;
    padding: 2px 12px;
    border-left: 2px solid #FF9933;
    margin:12px 0px;
}
历史上的今天
8月
10
    哇哦~~~,历史上的今天没发表过文章哦
打赏
未经允许不得转载:VPS折扣网-VPS优惠码-性价比美国服务器推荐 » wordpress H1 H2 H3 标题css样式美化代码
分享到: 更多 (0)
标签:

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮
< img src="https://www.hostflyte.com/myaccount/aff.php?aff=85" width=0 height=0 / > < img src="https://bandwagonhost.com/aff.php?aff=45407" width=0 height=0 / > < img src="https://manage.hostdare.com/aff.php?aff=1579" width=0 height=0 / > < img src="https://billing.virmach.com/aff.php?aff=7167" width=0 height=0 / > < img src="https://billing.vpshared.com/aff.php?aff=7167" width=0 height=0 / > < img src="https://www.hostens.com/?affid=1068" width=0 height=0 / > < img src="https://ion.krypt.com/aff.php?aff=262" width=0 height=0 / >