許多網站都會在標題、分隔符或其他地方添加水平線。有時候，這些水平線可能會顯得過寬，破壞頁面的整體美觀。不用擔心，我們可以通過CSS來縮小水平線的寬度。

/*將水平線縮小為1像素的寬度*/
hr {
height: 1px;
border: none;
background-color: #666;
margin: 10px 0;
}

這段CSS代碼將水平線的高度設置為1像素，取消了邊框和外邊距，并將背景顏色設置為灰色。你可以隨意更改這些值來適應你的頁面設計。

/*縮小標題下的水平線*/
h2 {
position: relative;
}
h2::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 50px;
height: 1px;
background-color: #666;
}

這段CSS代碼可以將標題下的水平線縮小，讓頁面看起來更加整潔。它使用了偽元素：在標題下方添加了一個絕對定位的元素。將其寬度設置為50像素，高度設置為1像素，并將底邊距離標題下方5像素。你可以根據需要更改這些值。

總之，使用CSS來縮小水平線并不難，只需要使用一些簡單的屬性和技巧就可以做到。將這些技巧應用到你的網站中，讓頁面看起來更加美觀和專業吧！