什么是椭圆(Oval)?
椭圆是一种闭合的平面曲线,其形状介于圆形与拉长的卵形之间。在数学中,标准椭圆由两个焦点定义,任意一点到两焦点的距离之和为常数。 而在日常语境中,“oval”常泛指任何类似鸡蛋形状的光滑对称曲线。
Oval 示例
椭圆的应用场景
椭圆广泛应用于建筑、工业设计、UI/UX界面、标志设计等领域。因其柔和的边缘与视觉平衡感,椭圆常被用于传达友好、流动与和谐的意象。
Logo
按钮
图标
相框
如何用CSS创建椭圆?
在网页开发中,只需将一个矩形元素的 border-radius 设置为 50%,即可生成椭圆(若宽高不等)或正圆(若宽高等于)。
例如:
<div style="width: 200px; height: 100px; border-radius: 50%;"></div>