在網頁設計中，經常需要使用文字下方加橫線的效果，這種效果可以通過CSS來實現。下面介紹如何控制CSS下橫線的寬度。

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

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

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

text-decoration: underline 寬度;

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

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

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