美化博客CSS

---

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;
   }