钧言极客站钧言极客

钧言极客

给博客优化一下标题css

标题1

标题2

标题3

标题4

标题5

如果喜欢,可以尝试修改替换一下我的css。.article-content自行替换成你的文章页的DIV

.article-content h1 {
    margin: 20px 0;
    margin: 12px 0px;
    padding: 5px 12px;
    border-bottom: 0px solid red;
    border-left: 5px solid red;
    border-radius: 0rem;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 23px;
}

.article-content h2 {
    margin: 20px 0;
    margin: 12px 0px;
    padding: 5px 12px;
    border-bottom: 0px solid #FF1493;
    border-left: 5px solid #FF1493;
    border-radius: 0rem;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 21px;
}

.article-content h3 {
    margin: 20px 0;
    margin: 12px 0px;
    padding: 5px 12px;
    border-bottom: 0px solid #4169E1;
    border-left: 5px solid #4169E1;
    border-radius: 0rem;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 18px;
}

.article-content h4 {
    margin: 20px 0;
    margin: 12px 0px;
    padding: 5px 12px;
    border-bottom: 0px solid #3CB371;
    border-left: 5px solid #3CB371;
    border-radius: 0rem;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 16px;
}

.article-content h5 {
    margin: 20px 0;
    margin: 12px 0px;
    padding: 5px 12px;
    border-bottom: 0px solid #FFC0CB;
    border-left: 5px solid #FFC0CB;
    border-radius: 0rem;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 15px;
}
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《给博客优化一下标题css》
文章链接:https://www.jinjun.top/323.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 1

  1. 搞的不错!

    心语难诉 2020年10月13日    回复