CSS盒⼦圆⾓边框
盒⼦圆⾓边框
border-radius: length;
border-radius: 10px;
border-radius: 50%;      //设置半径为宽度的⼀半
border-radius: 10px 20px 30px 40px;    //顺时针设置四个⾓的圆半径
border-radius: 10px 20px;      //设置左上右下为10px，右上左下为20px
border-top-left-radius: length;  //单独设置左上⾓
border-top-right-radius: length;  //单独设置右上⾓
border-bottom-left-radius: length;  //单独设置左下⾓
border radius什么意思
border-bottom-right-radius: length;  //单独设置右下⾓
圆⾓边框即使⽤四个圆放在矩形盒⼦的四个⾓，截取圆弧⽣成圆⾓边框，length即圆的半径，length越⼤，圆弧越明显。
若length为盒⼦宽度的⼀半且盒⼦为正⽅形，则会⽣成⼀个圆形盒⼦。若盒⼦为矩形，设置length为⾼度的⼀半则会⽣成圆弧矩形。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。