语法 | 解释 |
---|---|
border-radius: 10px; | 将创建四个大小一样的圆角 |
border-radius: 10px 20px; | 第一个值表示左上角、右下角;第二个值表示右上角、左下角 |
border-radius: 10px 20px 15px; | 第一个值表示左上角;第二个值表示右上角、左下角;第三个值表示右下角 |
border-radius: 10px 20px 10px 15px; | 四个值分别表示左上角、右上角、右下角、左下角 |
border-radius: 10px/20px; | 创建四个一样的椭圆角 |
border-radius: 10px 15px 20px 25px/20px 30px 40px 50px; | 八个值分别表示左上角X轴、右上角X轴、右下角X轴、左下角X轴/左上角Y轴、右上角Y轴、右下角Y轴、左下角Y轴 |
以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!