標題設計在網頁排版中占據了非常重要的位置，好的標題設計可以吸引用戶的注意力，增強內容的閱讀性。在CSS中，我們可以對標題設計進行各種樣式設置。

/* 一級標題的樣式 */
h1 {
font-size: 36px; /* 字號 */
font-weight: bold; /* 字體粗細 */
color: #333; /* 字體顏色 */
text-align: center; /* 居中對齊 */
margin: 0 auto 20px; /* 外邊距，上下為0，左右居中，下方留出20px的空白 */
padding-bottom: 5px; /* 底部留出5px的空白 */
border-bottom: 2px solid #999; /* 底部橫線，粗細為2px，顏色為#999 */
}
/* 二級標題的樣式 */
h2 {
font-size: 28px;
font-weight: normal; /* 字體粗細，可省略 */
color: #666;
margin: 30px 0 10px; /* 外邊距，上方留出30px的空白，下方留出10px的空白 */
}
/* 三級標題的樣式 */
h3 {
font-size: 22px;
font-weight: bold;
color: #333;
margin: 20px 0 10px;
}
/* 四級標題的樣式 */
h4 {
font-size: 20px;
font-weight: normal;
color: #666;
margin: 18px 0 8px;
}
/* 五級標題的樣式 */
h5 {
font-size: 18px;
font-weight: bold;
color: #333;
margin: 16px 0 6px;
}
/* 六級標題的樣式 */
h6 {
font-size: 16px;
font-weight: normal;
color: #666;
margin: 14px 0 4px;
}

以上是一些常用的標題樣式設置，根據實際需要可以進行適當的調整，也可以添加其他的樣式。