CSDN blog css — 簡約風格

來源:互聯網
上載者:User

執行個體如下:

 

製作步驟:

1.選擇AnotherEon001皮膚

 

2.把以下複製到自訂CSS樣式

body {<br />background:#303B41 none repeat scroll 0 0;<br />color:#808080;<br />}<br />#csdnblog_allwrap {<br />margin:0 auto 0;<br />}<br />#csdnblog_midwrap {<br />border-left:0px solid #000000;<br />border-right:0px solid #000000;<br />}<br />#csdnblog_header {<br />background:transparent url(http://hi.csdn.net/attachment/200909/20/2190_12534617548ZV0.jpg) repeat scroll 0 0;<br />height:150px;<br />}<br />#csdnblog_header h1 a {<br />color:#FFFFFF;<br />}<br />#csdnblog_header h2 {<br />color:#075181;<br />}<br />#csdnblog_header ul#personalnav li a {<br />color:#E0F5FF;<br />}<br />#csdnblog_header ul#menu li a {<br />color:#FFFFFF;<br />margin:0 10px;<br />padding:2px 10px 0;<br />}<br />#csdnblog_header ul#menu li a:hover {<br />color:#FFFFFF;<br />}<br />#csdnblog_midwrap {<br />background:#FFFFFF none repeat scroll 0 0;<br />}<br />#csdnblog_header ul#menu {<br />padding:5px 0;<br />top:115px;<br />background:peru none repeat scroll 0 0;<br />}<br />.default_contents h4.notice {<br />display:none;<br />}<br />#csdnblog_content {<br />background:#FFFFFF none repeat scroll 0 0;<br />}<br />#csdnblog_sidebar div.gutter {<br />background:#FFFFFF none repeat scroll 0 0;<br />}<br />.writeblog {<br />display:none;<br />}<br />.aboutauthor dt {<br />color:#075181;<br />}<br />.user_article h1.title_txt a {<br />color:#5F5F5F;<br />}<br />a:hover {<br />color:#68ADD5;<br />text-decoration:underline;<br />}<br />a{<br />color:#075181;<br />text-decoration:none;<br />}<br />.user_article h1.title_txt a:hover {<br />color:#68ADD5;<br />text-decoration:none;<br />}<br />.user_article p code a {<br />color:#075181;<br />margin:0 0 0 6px;<br />text-decoration:none;<br />}<br />.user_article p code a:hover {<br />color:#68ADD5;<br />text-decoration:underline;<br />}<br />.user_article p.articalinfo {<br />background:#FFFFFF none repeat scroll 0 0;<br />border-top:1px solid #EEEEEE;<br />color:#808080;<br />}<br />.user_article h1.title_txt {<br />border-bottom:1px solid #036CB4;<br />color:#075181;<br />}<br />.default_contents h6.pubtime {<br />border-bottom:0px;<br />color:#075181;<br />}<br />.default_contents{<br />border:0px;<br />}<br />#csdnblog_header h1 a:hover{<br />text-decoration:none;<br />}<br />.user_article p.articalinfo a {<br />text-decoration:none;<br />}<br />.user_article p.articalinfo a:hover {<br />text-decoration:underline;<br />}<br />#csdnblog_header ul#personalnav li a:hover {<br />color:#E0F5FF;<br />text-decoration:underline;<br />}<br />.pagelist a:hover {<br />background:#68ADD5 none repeat scroll 0 0;<br />}<br />.default_contents h3.pagego {<br />border:0px;<br />}<br />.aboutauthor dd em, .aboutauthor dt span {<br />color:#303B41;<br />}

 

3.儲存配置

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.