頁面定制CSS代碼初探（二）：自定義h2標題樣式 添加陰影 添加底色 等

故事的開始

先說一下<h2></h2>原先默認是空白的，很難看

然后今天無意中看到一個博友的標題很好看啊，一直就想要這種效果有沒有？

好的東西自然要拿過來啦

通過審查元素，果然是用自定義樣式去覆蓋了默認的樣式，然后就好辦了。奉行“拿來主義”，直接copy吧！

直接copy，好像跟我的界面不太搭呢，改個顏色吧，通過查詢 http://www.w3schools.com/colors/colors_names.asp

覺得這個不錯

改一下顏色

再看看效果

恩，不錯，以后再用h2標題的時候就會好看多了，以此為例，還可以把h1 h6什么的都自定義一下。喜歡折騰的可以試試哦！

奉獻源碼

#cnblogs_post_body h2
{
  background: DodgerBlue   !important;
  border-radius: 6px 6px 6px 6px !important;
  box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
  color: #FFFFFF;
  font-family: "微軟雅黑" , "宋體" , "黑體" ,Arial;
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  margin: 15px 0 !important;
  padding: 5px 0 5px 20px;
  text-shadow: 2px 2px 3px #222222;
  }

別忘了把background顏色屬性改成適合自己頁面風格的:-D