博客园修改页面显示样式css

一、总结

二、博客园修改页面显示样式css

1、点管理

2、点设置

3、在页面定制css代码中加入你想要改变样式的css代码即可

不会写css的下面有代码示例，直接复制粘贴放到页面定制css代码位置即可

三、代码

  1 #cnblogs_post_body h3 {
  2     border-left: 5px solid #21759b;
  3     border-right: 5px solid #21759b;
  4     
  5     background: transparent
  6         url(http://images.cnblogs.com/cnblogs_com/Renyi-Fan/1188097/o_11.png)
  7         repeat scroll 0% 0%;
  8     
  9     /* background: linear-gradient(-30deg, rgb(241, 226, 198),
 10         rgb(242, 226, 198) 30%, rgb(243, 227, 198) 60%, rgb(244, 230, 189)
 11         100%); */
 12     border-radius: 6px 6px 6px 6px !important;
 13     font-size: 16px;
 14     font-weight: bold;
 15     height: 22px;
 16     line-height: 22px;
 17     padding: 5px 0 3px 15px;
 18     box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5);
 19 }
 20 
 21 #cnblogs_post_body h1 {
 22     font-size: 250%;
 23     color: #8888FF;
 24     /* box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5); */
 25     text-shadow: 1px 1px 1px #222222;
 26     /* padding: 5px 0 5px 20px; */
 27     margin:0px 0px 15px 0px;
 28 }
 29 
 30 
 31 
 32 #cnblogs_post_body h4 {
 33     border-left: 3px solid #8888FF;
 34     border-right: 3px solid #8888FF;
 35     border-radius: 4px 4px 4px 4px !important;
 36     background: #00dd99;
 37     color: #8888FF;
 38     padding: 3px 0 3px 18px;
 39     font-size: 14px;
 40     font-weight: bold;
 41     height: 17px;
 42     line-height: 17px;
 43 }
 44 
 45 #cnblogs_post_body h5 {
 46     border-left: 3px solid #00dd99;
 47     color: #FB02F9;
 48     padding: 3px 0 3px 21px;
 49     font-size: 12px;
 50     font-weight: bold;
 51     height: 14px;
 52     line-height: 14px;
 53 }
 54 
 55 #cnblogs_post_body h2 {
 56     background: #2B6695 !important;
 57     border-radius: 6px 6px 6px 6px !important;
 58     box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
 59     color: #FFFFFF;
 60     font-family: "微软雅黑", "宋体", "黑体", Arial;
 61     font-size: 17px;
 62     font-weight: bold;
 63     height: 25px;
 64     line-height: 25px;
 65     margin: 15px 0 !important;
 66     padding: 5px 0 5px 20px;
 67     text-shadow: 2px 2px 3px #222222;
 68 }
 69 
 70 .day {
 71     border: 1px solid #E8E7D0;
 72     padding-left: 15px;
 73     margin-bottom: 20px;
 74     background: #fff;
 75     min-height: 50px;
 76     padding-bottom: 5px;
 77 }
 78 
 79 .dayTitle {
 80     border-bottom: 0px solid #666;
 81     clear: both;
 82     color: #666;
 83     font-size: 160%;
 84     font-weight: bold;
 85     line-height: 2em;
 86     margin-bottom: 30px;
 87     margin-top: 3px;
 88     text-align: center;
 89     width: 100%;
 90 }
 91 
 92 .postTitle {
 93     border-bottom: 0px dotted #D2E4B7;
 94     padding-bottom: 5px;
 95     clear: both;
 96     color: #64A038;
 97     float: right;
 98     font-size: 120%;
 99     font-weight: bold;
100     line-height: 1.5em;
101     width: 100%;
102 }
103 
104 .postTitle2 {
105     color: #f60;
106     padding-left: 22px;
107 }
108 
109 .postTitle {
110     background: transparent
111         url(//www.cnblogs.com/images/cnblogs_com/Terrylee/147338/o_ico.gif)
112         no-repeat scroll 0% 0%;
113 }
114 
115 a:link {
116     text-decoration: none;
117 }
118 
119 .postTitle a:link,.postTitle a:visited,.postTitle a:active {
120     color: #f60;
121     transition: all 0.4s linear 0s;
122 }
123 
124 .postCon {
125     clear: both;
126     float: right;
127     line-height: 26px;
128     padding: 10px 0pt;
129     width: 100%;
130 }
131 
132 .c_b_p_desc {
133     margin-left: 10px;
134     margin-right: 15px;
135 }
136 
137 .postDesc {
138     border-top: 1px dashed #E8E7D0;
139     clear: both;
140     color: #666666;
141     float: right;
142     margin-right: 20px;
143     margin-top: 5px;
144     padding-top: 8px;
145     text-align: right;
146     width: 96%;
147 }
148 
149 .postSeparator {
150     margin-bottom: 30px;
151 }
152 
153 #div_digg {
154     right: 20%;
155     width: 46px;
156     bottom: 110px;
157     position: fixed;
158     z-index: 9999;
159     background-color: #fff;
160     font-size: 12px;
161     margin: 10px 0 0;
162     padding: 5px;
163     border: 1px solid #55895b;
164     border-radius: 5px;
165     float: right;
166 }