1. 简介
CSS 属性 border-radius
用来设置元素的外边框圆角。当使用一个半径时确定一个圆形,当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。它其实是 border-top-left-radius
, border-top-right-radius
, border-bottom-right-radius
, border-bottom-left-radius
四个属性的简介。
2. 示例
3. 注意事项
当对矩形进行圆角处理生成胶囊形状时,不要使用 50%
,而应使用 9999px
。
原文地址:MDN