有四种方法可以实现圆角。
第一、直接写CSS代码：border-radius
第二、四个圆角贴图；制作四个圆角的图片，然后用css定义
第三、直接制作整个圆角矩形背景
第四、定义12个背景色：左上角4个，右上角4个，右下角4个，左下角4个。
border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：input[type=text],textarea{border-radius:3pxborder:1px solid #000}
border-radius用法如下：
border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。
该属性允许为元素添加圆角边框
语法：
border-radius: 1-4 length|% / 1-4 length|%
按此顺序设置每个 radius 的四个值。
如果省略 bottom-left，则与 top-right 相同。
如果省略 bottom-right，则与 top-left 相同。
如果省略 top-right，则与 top-left 相同。
单位一般用px和百分比较多，其他单位也可
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>
