在css中,我们也使用border-radius属性来实现椭圆
语法
border-radius:x/y;
说明:
x表示圆角的水平半径,y表示圆角的垂直半径。
例如:border-radius:30px相当于border-radius:30px/30px
想要实现椭圆,原理如下:高度和宽度不相等,其中四个圆角水平半径定义为宽度的一半,垂直半径定义为高度的一半
Document
结果:
本文共 267 字,大约阅读时间需要 1 分钟。
在css中,我们也使用border-radius属性来实现椭圆
语法
border-radius:x/y;
说明:
x表示圆角的水平半径,y表示圆角的垂直半径。
例如:border-radius:30px相当于border-radius:30px/30px
想要实现椭圆,原理如下:高度和宽度不相等,其中四个圆角水平半径定义为宽度的一半,垂直半径定义为高度的一半
Document
结果:
转载于:https://www.cnblogs.com/masanhe/p/8359084.html