在網頁設計中，經常需要使用CSS來美化頁面的樣式。而其中一個比較常見的樣式，就是在標題前后添加雙線，來突出標題的重要性。下面我們就來看看如何使用CSS來實現(xiàn)這種效果。

h2 {
/* 首先給標題設置寬度，方便后面雙線的添加 */
width: 50%;
/* 接著設置標題的字體大小和顏色 */
font-size: 24px;
color: #333;
/* 設置標題前后的雙線 */
border-top: 2px double #333;
border-bottom: 2px double #333;
/* 讓雙線不會撐開整個文本框 */
/* 實際上就是讓雙線與文本在同一行顯示，重點！ */
line-height: 1.5em;
/* 讓雙線與文本對齊 */
padding-top: 4px;
padding-bottom: 4px;
/* 讓標題與周圍的文本產生一定的間隔 */
margin-top: 30px;
margin-bottom: 10px;
}

通過上述代碼，我們就可以給網頁的標題添加雙線了。這樣一來，標題就顯得更加突出，讓人更容易注意到它。