CSS实例：横线样式的输入框

时间： 2021-07-31 作者：daque

在网上咱们往往瞥见少许备案表单的输出框局部并不是咱们罕见的矩形框，而是一条细线，很多伙伴对此很感爱好。本来要实行如许的功效并不艰巨，咱们只有用一段简略的css代码遏制好表单输出框的款式即可。　　示比方下：　　请输出您的用户名：　　　　

　　底下咱们就来看看这段实行功效的css代码。它重要应用了表格边框的款式遏制，将左、上、右边框树立为none，只剩下下边框即可。　　　　　　　　款式表中代码证明如次：　　“border-left-style:none”：湮没左边框　　“border-right-style: none”：湮没右边框　　“border-top-style: none”：湮没上边框　　“border-bottom-style: none”：湮没下边框。　　底下让咱们一道来看一个运用范例：　　　　　　横线式输出框　　　　　　　　　　　　　　湮没的边框的输出框：　　用户名：　　　　