測試標題樣式

標籤：san   port   style   body   color   一個   lin   sans   設定   

一個好的標題樣式可以使部落格的文章格式更加清晰明確，也方便自己和他人的閱讀。

h1

 

h2

 

h3h3-1h3-2

 

h4

 

h5

 

h6

 

參考本篇的樣式如上，將以下原始碼粘貼到 部落格園-設定-頁面定製CSS代碼 裡即可使用（具體樣式可以自行修改）

/*標題樣式*/#cnblogs_post_body{    color: black;          font: 0.875em/1.5em "微軟雅黑" , "PTSans" , "Arial" ,sans-serif;    font-size: 15px;}#cnblogs_post_body h1    {    background: #333366;    border-radius: 6px 6px 6px 6px;    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);    color: #FFFFFF;    font-family: "微軟雅黑" , "宋體" , "黑體" ,Arial;    font-size: 23px;    font-weight: bold;    height: 25px;    line-height: 25px;    margin: 18px 0 !important;    padding: 8px 0 5px 5px;    text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h2    {    background: #006699;    border-radius: 6px 6px 6px 6px;    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);    color: #FFFFFF;    font-family: "微軟雅黑" , "宋體" , "黑體" ,Arial;    font-size: 20px;    font-weight: bold;    height: 25px;    line-height: 25px;    margin: 10px 0 !important;    padding: 8px 0 5px 5px;    text-shadow: 2px 2px 3px #222222;}#cnblogs_post_body h3 {    font-size: 22px;    margin-top: 10px;    margin-left: 15px;    padding: 0px 15px;    border-left: 5px green solid;}#cnblogs_post_body h4{    background: #2B6600;    border-radius: 6px 6px 6px 6px;    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);    color: #FFFFFF;    font-family: "微軟雅黑" , "宋體" , "黑體" ,Arial;    font-size: 16px;    font-weight: bold;    height: 24px;    line-height: 23px;    margin: 12px 0 !important;    padding: 5px 0 5px 10px;    text-shadow: 2px 2px 3px #222222;}

 

測試標題樣式