lzth.net
当前位置:首页 >> 求教,怎么把<input>输入框做成圆角? >>

求教,怎么把<input>输入框做成圆角?

如果你的浏览器支持CSS3,则使用border-radius就可以达到你要的圆角输入框效果<input type="text" style="border-radius:10px;">

如果你的浏览器支持css3,则使用border-radius就可以达到你要的圆角输入框效果<input type="text" style="border-radius:10px;">

你在符号栏中选自选图形---基本形状里 不好意思,打错字了,应该是插入文字哈

经典!前不久刚弄的!下面的代码另存为html就可以看见效果了!原理:其实就是 输入框外面套一个圆角的层,而输入框是无边框的.所以就变成了圆角的输入框.有创意吧!O(∩_∩)O哈哈~其他的方法,例如用背景图片,不过不大好!希望

border-radius属性可以实现元素的圆角.如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3px;border:1px solid #000;} border-radius用法如下:border-radius 属性是一个简写属性,用于设置四个 border-*-

插入自选图形中的圆角矩形.然后鼠标右击这个圆角矩形,在快捷菜单中选择“添加文字”.还可以在快捷菜单中选择“设置自选图形格式”,设置填充色、边框色等.

最新的HTML标准是支持直接建立圆角效果的边框的,但目前的浏览器还不支持.所以只能自己用绘图软件做个圆角效果的背景图,然后:<input type=text value="" style="background:url(背景图文件名) no-repeat left top; width:200px; height:22px; border:0; padding:2px 6px">

绘图工具→自选图形→流程图→选边角为圆角的图形→完成

在HTML中把块的边框做成圆角需要利用css的border-radius属性.1、定义和用法 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性.提示:该属性允许您为元素添加圆角边框!默认值:0 继承性:no 版本:CSS3

一个带有圆角的图片上面,放个没有边框的input即可. 一般美工为了好看会在css中设置背景图,背景图是圆角,样式控制最好在css文件中,不要写在html中; 参考如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

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