在网页设计中，经常需要使用文字下方加横线的效果，这种效果可以通过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等单位。