CSS頂劃線是一種特殊的樣式定義，它可以讓文本在上方出現一條橫線。這種樣式通常用于標題等特殊文本內容的展示。下面我們來看一下如何使用CSS定義頂劃線。

h1 {
border-top: 2px solid #000;
padding-top: 10px;
}

上面的代碼定義了一個h1標簽的頂劃線效果。其中，border-top定義了一條上邊框線，寬度為2px，顏色為黑色。padding-top定義了上方內邊距為10px，這樣確保文本不會和頂劃線重疊。

頂劃線的樣式并不限于實線，還可以使用虛線、點線等方式來定義，下面我們來看一些示例代碼。

h2 {
border-top: 2px dashed #ff0000;
padding-top: 10px;
}
h3 {
border-top: 1px dotted #999;
padding-top: 5px;
}

上面的代碼分別定義了h2和h3標簽的不同類型的頂劃線效果。其中，h2標簽使用了虛線樣式，顏色為紅色；h3標簽使用了點線樣式，顏色為灰色。

總之，CSS頂劃線是一種非常實用的樣式定義方式，可以讓文本內容更具有特殊性。開發者可以根據實際需要來定義不同類型的頂劃線效果，以達到更好的展示效果。