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属性!

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

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

你可以用div标签去实现: 横线中间有字 【html5与html的区别】 html通常指的是用来写网页的超文本代码,比如 html从最初仅用来表示文本转变到后来的富文本,甚至多媒体。上面的代码就在页面插入了一张图片。至此,html仅用来表示内容,有时也表...

在html中实现画一条心的效果的方法是有很多种的,最简单的就是使用标签或者css中border属性。 工具原料:编辑器、浏览器 一、使用border实现画一条线的效果 1、可以给一个一定宽度的元素设置一个border-bottom属性,让其只有一个底边框,进而实...

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