border-left: 3px solid #fff;边框加圆角
时间: 2024-02-17 10:59:47 浏览: 128
css3(border-radius)边框圆角详解
若要将左边框加上圆角,可以使用 `border-radius` 和 `border-left` 属性来实现。具体实现方法如下:
```css
border-left: 3px solid #fff;
border-radius: 0 10px 10px 0;
```
其中,`border-left` 用于设置左边框的样式,宽度为3px,颜色为白色。`border-radius` 用于设置圆角,共有四个值,分别对应四个角,值的顺序为上左、上右、下右、下左。上左和下右的值设为0,表示不进行圆角处理,而上右和下左的值设为10px,则表示将左下角和左上角进行圆角处理,半径为10px。
这样设置后,左边框将会变成3px宽的白色直线,并且左下角和左上角会被设置成10px的圆角。
阅读全文