在html頁面中，我們經常需要使用水平線來分隔不同的內容塊。而css中設置水平線的寬度既可以使用width屬性，也可以使用border屬性。 要設置水平線的寬度，可以使用border屬性。border屬性包含三個子屬性：border-width、border-style和border-color。其中，border-width用于定義邊框的寬度，可以取值為像素、em或百分比。例如，設置水平線的寬度為2像素，可以這樣寫：

hr {
border-width: 2px;
border-style: solid;
border-color: #000000;
}

上面的代碼中，border-style屬性定義邊框的樣式，這里使用實線。border-color屬性定義邊框的顏色，這里使用黑色。 除了使用border屬性，也可以使用width屬性來設置水平線的寬度。例如，設置水平線的寬度為50%：

hr {
width: 50%;
height: 1px;
background-color: #000000;
}

上面的代碼中，height屬性用于定義水平線的高度，這里設置為1像素。background-color屬性定義水平線的顏色，這里使用黑色。 需要注意的是，使用width屬性設置水平線的寬度時，需要設置height屬性為1像素，否則水平線將無法顯示。 以上就是關于css設置水平線的寬度的相關內容。無論是使用border屬性還是width屬性，都可以輕松地設置水平線的寬度，讓頁面布局更加美觀。