在網(wǎng)頁設(shè)計中，經(jīng)常需要使用文字下方加橫線的效果，這種效果可以通過CSS來實現(xiàn)。下面介紹如何控制CSS下橫線的寬度。

.text {
text-decoration: underline;
/* 下橫線默認(rèn)寬度為1px */
}
.thicker {
text-decoration: underline 3px;
/* 修改下橫線寬度為3px */
}
.thin {
text-decoration: underline 0.5px;
/* 修改下橫線寬度為0.5px，實際效果很細(xì)，需要屏幕分辨率高才能顯示 */
}

在上面的代碼中，通過text-decoration屬性來控制下橫線的寬度。text-decoration屬性可以設(shè)置下劃線、刪除線、閃爍等效果。當(dāng)設(shè)置為underline時，會顯示下橫線。使用下橫線時，默認(rèn)寬度為1px。

如果需要修改下橫線的寬度，可以使用以下方式：

text-decoration: underline 寬度;

其中寬度可以是px、em、rem、pt等單位。需要注意的是，寬度不能為百分比，因為下橫線的寬度與文字的字體大小有關(guān)，而文字的字體大小是不可預(yù)知的。

可以通過修改下橫線的寬度來增加或減小下橫線的粗細(xì)程度。如果需要更細(xì)的下橫線，可以使用0.5px的寬度，但是需要屏幕分辨率高才能正常顯示。

總結(jié)來說，控制CSS下橫線寬度的方法是通過text-decoration屬性來設(shè)置寬度，可以使用px、em、rem、pt等單位。