如何用html把文本框外观格式设为只显示底部的横线

你可以直接规定所有input类型写样式，也可以单独给input文本框加class，定义样式

<style>

input[type='text']{background:noneborder:noneborder-bottom:1px solid #ddd}//所有input框类型为text的

.inp{background:noneborder:noneborder-bottom:1px solid #ddd}

</style>

<input type="number" value="" class="inp"/>

简单来说，大体有两种方法：

1、通过CSS中的 a:hover 标签指定下面的属性

text-decoration:underline        文本修饰：下划线

color:#F00                                字和下划线颜色

来实现，这种方法简单、但美观度不高。

2、第二张方法是在CSS中捕捉光标，通过显示线条图片来实现，这种方法页面会变得比较美观，类似下图。相关方法你可以学习CSS中的一些知识点。

<a style="线:noneborder:none">可能写错了，大致就这意思了，其实留上的思路也是对的。他那时全局的，我这就要每条都加，如果你所有的连接不要线盒边框，那就可以用楼上的思路。

只提供思路，你会用百度，查查呗，嘿嘿。。

---