CSS（Cascading Style Sheets）可以實(shí)現(xiàn)許多樣式效果，其中包括在網(wǎng)頁(yè)上畫出橫線。

首先，我們可以使用<hr>標(biāo)簽在HTML中畫出橫線。但是它的顏色和粗細(xì)等效果是預(yù)設(shè)的，無(wú)法精確控制。

因此，我們可以使用CSS的border-bottom屬性來(lái)繪制一個(gè)自定義的橫線。

/* 畫一條紅色的橫線，高度為2px */
.line {
border-bottom: 2px solid red;
}

上述代碼中，選擇器.line指定要應(yīng)用樣式的元素，border-bottom屬性定義橫線的樣式，其中2px是橫線的高度，solid是橫線的樣式，red是橫線的顏色。

如果想讓橫線淺一些，可以使用CSS的opacity屬性，它可以讓元素的透明度降低。

/* 畫一條淺灰色的橫線，高度為1px */
.line {
border-bottom: 1px solid #ccc;
opacity: 0.5;
}

上述代碼中，#ccc表示灰色，0.5是透明度，值越小越透明。

除了border-bottom屬性外，還可以使用text-decoration屬性來(lái)實(shí)現(xiàn)畫橫線，但它的效果是在文本上畫出橫線，而非獨(dú)立的橫線。

上述就是使用CSS繪制橫線的方法，需要注意的是，不同瀏覽器對(duì)CSS樣式的支持有所不同，需要進(jìn)行兼容性處理。