CSS樣式表是網(wǎng)頁設(shè)計(jì)中非常重要的一部分，它能夠?qū)崿F(xiàn)許多美觀的頁面效果。其中，橫線也是一種常用的裝飾效果。但是，有時(shí)候我們需要讓橫線的寬度縮小，以達(dá)到更好的視覺效果。下面我們來看一下CSS橫線縮小的方法。

/* 設(shè)置橫線樣式 */
hr {
border: none;
height: 1px;
background-color: black;
}
/* 縮小橫線寬度 */
hr.small {
width: 50%;
}

首先，我們需要設(shè)置橫線的樣式。在上述代碼中，我們使用了border: none;來去除默認(rèn)的邊框，height: 1px;設(shè)置橫線高度為1像素，background-color: black;設(shè)置橫線的顏色為黑色。

然后我們需要縮小橫線的寬度。在代碼中，我們給橫線添加了一個(gè)類名small，并在類選擇器中添加了width: 50%;來將橫線寬度縮小為原來的一半。

通過上述方法，我們可以輕松地實(shí)現(xiàn)橫線寬度的縮小效果，讓網(wǎng)頁設(shè)計(jì)更加美觀和精致。