CSS加粗橫線是網頁設計中常用到的一種樣式，它可以用來突出一些重要的信息或者給頁面帶來不同的視覺效果。下面我們就來介紹一下如何使用CSS來實現加粗橫線效果。

/* 將橫線用 CSS 來表示 */
.underline {
display: inline-block;
border-bottom: 2px solid black; /* 橫線寬度和顏色 */
text-decoration: none; /* 取消下劃線 */
padding-bottom: 2px; /* 橫線和文字之間的距離 */
}
/* 加粗橫線 */
.bold-underline {
font-weight: bold; /* 文字加粗 */
border-bottom-width: 4px; /* 橫線寬度加粗 */
}

以上代碼中，先將橫線的樣式用CSS來表示，讓它是一個塊級元素，并且用border-bottom屬性給它添加一條實線，然后取消文字的下劃線，并且在文字和橫線之間加上一些距離。接著，再定義一個加粗橫線的類別，并且設置字體加粗，同時增加橫線的寬度，這樣就可以實現一個粗一點的橫線效果。

最后，在HTML中使用加粗橫線的類別來應用這種樣式，比如：

這是一段普通的文本，這段文字下面有一條橫線，并且這段文字下面有一條加粗的橫線。

在上述的例子中，我們在HTML代碼中用了"span"標簽來圍繞需要應用橫線樣式的文本，然后把類別"underline"和"bold-underline"分別應用到不同的文本中，這樣，我們就可以看到在不同的文本下方，顯示了紅色的一條橫線和綠色的一條加粗橫線。

CSS加粗橫線絕對是一個很實用的樣式，它可以讓普通的文本和標題更加奪人眼球，增強頁面的視覺效果。我們可以根據實際需求進行調整，從而實現一個完美的效果。