UC知道html:文字后边怎么加空下划线？
来源：百度知道 编辑：UC知道 时间：2024/07/07 00:47:20
例如：
PHONE NUMBER:XXXXXXXXXXXXXXXXXXXXX
phone number: 下边不要下划线
xxxxxxxxx就代表下划线，下划线上没有字，就是空下划线。
而且要下划线能够到页面的结尾。。能够根据body{}设定的width的变化而变化。。
这个用html+css能实现吗？怎么实现啊！？
先谢谢shiheng215
不过我试了一下，这个做出来以后4个边都有边框（其他三边跟下边样式不同），能不能只要下边有1px #000000 solid，其他边都没有
PHONE NUMBER:XXXXXXXXXXXXXXXXXXXXX
phone number: 下边不要下划线
xxxxxxxxx就代表下划线，下划线上没有字，就是空下划线。
而且要下划线能够到页面的结尾。。能够根据body{}设定的width的变化而变化。。
这个用html+css能实现吗？怎么实现啊！？
先谢谢shiheng215
不过我试了一下，这个做出来以后4个边都有边框（其他三边跟下边样式不同），能不能只要下边有1px #000000 solid，其他边都没有
那就是输入框
<input name="textfield" type="text" class="bottomline" size="50" maxlength="50"/>
css如下：
.bottomline：{
border-bottom:1px #ffffff solid;
}
要调整长度，只需设置size 和maxlength