html原汁原味的输入框的边框是一个长方形，直角的。是不是很丑，而且他直角处还有空隙，不忍直视。
<input value=”我是输入框” />
那么接下来就教大家html怎么设置圆角输入框。代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input value="我是圆角输入框" id="fillet"/>
</body>
<style>
#fillet {
border: 2px solid;
border-radius: 5px;
height: 30px;
}
</style>
</html>以上代码展示效果如下：
代码说明：
1、border：第一个值是边框宽度，第二个值是边框样式，这里表示设置一个边框，大小为2px，样式为实线。还有第三个值，第三个值设置的是边框的颜色，例如：border: 2px solid red; 就是在以上基础上设置边框为红色。
2、border-radius：定义为圆角边框，其中圆角的角度大小为5px。
3、height：输入框的高度，这里纯粹是为了更直观的展示圆角弧度设置的，不是设置圆角的属性
正文完