css美化文章标题

          阅读(184)

    css美化文章标题

    css美化文章标题

    说明

    兆兆博客的主题默认没美化过文章标题,感觉光秃秃的,很难看。So,今天抽空美化了一下。文章标题html代码标签是<h1><h2><h3>……所以我们需要给<h?>标签加段css,在主题“style.css”最后添加如下css代码即可。兆兆比较喜欢用“三级标题”,所以只美化了<h3>,给它加了个红色的中括号。当然,这里只是抛砖引玉,像其他标题颜色、下划线之类的效果都可以通过css实现,大家自行研究下吧。稍微注意一下,某些主题可能重定义了<h?>标签,那么我们就需要按照主题变通一下。

    代码

    h3 {
    padding-bottom: 8px;
    border-bottom: 1px dashed #ddd;
    color: #2b394e;
    }

    h3:before {
    content: "[";
    margin-right: 5px;
    color: #FF6D6D;
    font-size: 25px;
    }

    h3:after {
    content: "]";
    margin-left: 5px;
    color: #FF6D6D;
    font-size: 25px;
    }

    2017-01-27 14:01:42


    喜欢 1



还没有人抢沙发呢~

加载中……