700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > CSS盒子圆角边框

CSS盒子圆角边框

时间:2023-08-28 01:35:39

相关推荐

CSS盒子圆角边框

盒子圆角边框

border-radius: length;border-radius: 10px;border-radius: 50%;//设置半径为宽度的一半border-radius: 10px 20px 30px 40px; //顺时针设置四个角的圆半径border-radius: 10px 20px; //设置左上右下为10px,右上左下为20pxborder-top-left-radius: length;//单独设置左上角border-top-right-radius: length;//单独设置右上角border-bottom-left-radius: length;//单独设置左下角border-bottom-right-radius: length;//单独设置右下角

圆角边框即使用四个圆放在矩形盒子的四个角,截取圆弧生成圆角边框,length即圆的半径,length越大,圆弧越明显。

若length为盒子宽度的一半且盒子为正方形,则会生成一个圆形盒子。若盒子为矩形,设置length为高度的一半则会生成圆弧矩形。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。