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

 我来答
小镜子914
推荐于2019-10-01 · TA获得超过1.4万个赞
知道小有建树答主
回答量:21
采纳率:100%
帮助的人:8003
展开全部

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>

tornadoorz
推荐于2017-09-20 · 超过21用户采纳过TA的回答
知道答主
回答量:38
采纳率:0%
帮助的人:47.7万
展开全部
如果你的浏览器支持CSS3,则使用border-radius就可以达到你要的圆角输入框效果
<input type="text" style="border-radius:10px;">
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-01-19
展开全部
同楼上,使用border-radius属性即可,如果要兼容某些中古浏览器就需要做成一张图片,使用background属性。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式