在網頁設計中，常常用到水平線（hr）來分隔不同的內容區塊。而在 CSS3 中，可以通過調整樣式，給水平線加粗，突出其在頁面中的存在感。 一般情況下，HR 的樣式有一些默認設置，如下： ``` hr { border: none; border-top: 1px solid #cccccc; margin: 20px 0; padding: 0; } ``` 這段代碼表示了 HR 元素的基本樣式，但是由于其 border-top 只有 1px 的大小，所以看起來比較細，不夠突出。此時，我們可以通過調整此屬性的值，來讓水平線變得粗一些，如下： ``` hr { border: none; border-top: 5px solid #cccccc; margin: 20px 0; padding: 0; } ``` 這段新的代碼中，我們把 border-top 的值從 1px 改為了 5px，讓水平線變粗了。這樣一來，HR 元素在頁面中就更能夠引起用戶的注意，同時也能夠幫助我們更好地分隔不同的內容區塊。 值得注意的是，HR 元素的樣式還有很多可以調整的地方，比如顏色、樣式等。如果需要實現更多的效果，也可以通過使用 CSS3 的其他屬性來達到目的。同時，為了避免出現樣式失調等問題，我們應該盡可能地把樣式設置在外部的 CSS 文件中，以便維護和修改。