求教,怎么把<input>输入框做成圆角?
展开全部
1、如果你的浏览器支持CSS3,则使用border-radius就可以达到你要的圆角输入框效果
<input type="text" style="border-radius:10px;">
2、
使用工具:
HBuilder.exe
代码:
代码含义:
<input> 标签用于搜集用户信息的输入框。
type="text" 规定 input 元素是文本类型。
value=“输入框圆角” 规定 input 元素的值。
border-radius: 6px; 使元素有6个像素的圆角边框。
代码原理:
border-radius 规定元素圆角的大小。
效果:
代码原件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" value="输入框圆角" style="border-radius: 6px;">
</body>
</html>
展开全部
如果你的浏览器支持CSS3,则使用border-radius就可以达到你要的圆角输入框效果
<input type="text" style="border-radius:10px;">
<input type="text" style="border-radius:10px;">
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-01-19
展开全部
同楼上,使用border-radius属性即可,如果要兼容某些中古浏览器就需要做成一张图片,使用background属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询