12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
编程知识 时间:2024-12-24 19:32:19
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
CSS中可以使用border-radius来设置圆角,如果想设置椭圆形状,需要将border-radius的两个值分别设置为宽度的一半。.ellipse {width: 200px;height: 100px;border-radius: 100px
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
CSS中可以使用border-radius来设置圆角,如果想设置椭圆形状,需要将border-radius的两个值分别设置为宽度的一半。
.ellipse {width: 200px;height: 100px;border-radius: 100px/50px;}
上述代码中,width为200px,height为100px,border-radius使用100px/50px来设置,第一个值为横向半径,即width的一半,第二个值为纵向半径,即height的一半。
如果希望只设置横向半径为width的一半,纵向半径自适应,可以使用百分比。
.ellipse {width: 200px;height: 100px;border-radius: 50% 0;}
上述代码中,border-radius的两个值分别设置为50%和0,其中50%表示横向半径为width的一半,纵向半径根据高度计算得出。
总之,设置椭圆形状只需要将border-radius的两个值分别设置为宽度的一半或使用百分比即可。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19