码迷,mamicode.com
首页 > Web开发 > 详细

美化博客CSS

时间:2019-01-19 15:11:40      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:设置   osi   代码   col   click   定位   weight   1.4   new   


title: 美化博客CSS
date: 2019/01/19 14:28:59
---

美化博客CSS

  1. 可以去这里看下好看的样式

  2. 修改下文档的css,博客园是在页面定制CSS代码,我这里修改了下标题,删除了下广告,这样就有横条的标题了

    #ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb {
        display: none;
    }
    
    h2, h3, h4 h2{/*增加标题属性的修改*/
      background: #159957;
      color:#ffffff;
      padding:  0.5em  1em;
      margin-bottom:2em;
    }
  3. typora也可以修改下这个标题,在C:\Users\xxx\AppData\Roaming\Typora\themes,其实也可以打开设置> 高级设置中定位到文件夹,修改css.我这里修改了默认的主题,添加了几行.

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    /*add*/
     background: #159957;            
     color:#ffffff;
     padding:  0.5em  1em;
    /*end*/    
    
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 1.4;
        cursor: text;
    }

美化博客CSS

标签:设置   osi   代码   col   click   定位   weight   1.4   new   

原文地址:https://www.cnblogs.com/zongzi10010/p/10291650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!