xcsc.net
当前位置:首页 >> HTML的文本框如何变成横线形式 >>

HTML的文本框如何变成横线形式

把文本框的其他三个边的边框变为0即可,如下: input{border:0;border-bottom:1px solid #000;} 或者input{border-width:0 0 1px 0;border-color:#000; border-style:solid;}都可以

你可以直接规定所有input类型写样式,也可以单独给input文本框加class,定义样式 input[type='text']{background:none;border:none;border-bottom:1px solid #ddd;}//所有input框类型为text的.inp{background:none;border:none;border-bottom:1p...

给这个input输入框加下边框就可以了,下面是我前几天刚写的一个,能实现你所要的效果。 form元素特殊效果 #text{ border-bottom:#666 1px solid; border-left-width:0px; border-right-width:0px; border-top-width:0px;} #submit{ /* border: #...

input { border-style:none; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color:red; } 你测试一下吧 ,我测试过没问题。选择器input你最好换成你定义的

这个就行了

html中定义横线使用标签,可以定义宽度和高度,分别是width和size属性!

用input页面标签 并将下Border设为直线 input[type="text"]{border-bottom:solid 1px #ccc;} 1、两头渐变透明: 2、纺锤形: 3、右边渐变透明:

设置css的text-decoration属性即可实现。 text-decoration:underline; //下划线text-decoration:line-through; //穿越文本的横线text-decoration:overline; //上划线

删除线效果

指定width属性或样式都可以,如 或

网站首页 | 网站地图
All rights reserved Powered by www.xcsc.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com