前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

圆角border-radius

发布时间:2024-08-14 09:21 作者:一友画

语法:

语法 解释
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轴

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!