CSS是一种用于控制网页样式和布局的语言，本文将介绍如何使用CSS设置输入框圆边。

在CSS中，可以通过border-radius属性来设置元素的边框为圆形。border-radius属性使用的值可以是一个简写值，也可以是四个值分别指定四个角的半径。

input[type="text"] {
border: 2px solid #ccc;
border-radius: 5px;
padding: 10px;
}

上面的代码展示了如何设置一个文本输入框的圆角边框。通过设置border-radius为5px，输入框的四个角都会变成圆形。padding属性用于为输入框添加内边距，这样输入框内容与边框之间有一定的间距。

如果想要设置不同的圆角半径，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius这四个属性来分别设置。

input[type="text"] {
border: 2px solid #ccc;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
padding: 10px;
}

上面的代码展示了如何设置不同的圆角半径。通过分别设置四个边角的半径，可以设置出更丰富的圆角效果。

总之，使用CSS设置输入框圆边，可以让界面更加美观，同时也体现了网页设计师的高超技巧。