CSS樣式表是網頁設計中非常重要的一部分，它能夠實現許多美觀的頁面效果。其中，橫線也是一種常用的裝飾效果。但是，有時候我們需要讓橫線的寬度縮小，以達到更好的視覺效果。下面我們來看一下CSS橫線縮小的方法。

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

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

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

通過上述方法，我們可以輕松地實現橫線寬度的縮小效果，讓網頁設計更加美觀和精致。