CSS input 框加框圆角
时间: 2023-03-25 18:02:37 浏览: 70
CSS制作的文字加框的导航菜单
4星 · 用户满意度95%
可以使用 CSS 的 border-radius 属性来实现 input 框的圆角。示例代码如下:
```css
input {
border-radius: 10px;
}
```
这将使 input 框的四个角都变成圆角。如果只想让某几个角变成圆角,可以使用 border-top-left-radius、border-top-right-radius、border-bottom-left-radius 和 border-bottom-right-radius 属性来分别设置每个角的圆角半径。
```css
input {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
}
```
阅读全文