如何使用 CSS 绘制椭圆？

在本文中，我们将学习如何使用 CSS 创建一个椭圆。要首先创建一个椭圆，我们将创建一个具有所需高度和宽度的简单矩形。

创建矩形的方法：为了创建一个我们想要的大小的椭圆，我们将在 HTML 中创建一个 div 并给它一个名为椭圆的类。现在我们将设置 div 的高度和宽度，它看起来像一个矩形。我们可以根据我们的选择设置背景颜色。

下面是创建矩形的实现。

HTML

输出：

长方形

从矩形创建椭圆的方法：现在要将这个矩形转换为椭圆，我们将设置 border-radius 指的是一个非常高的值(50% 到 100%)。它指的是形状拐角处的曲率。矩形的高度将是椭圆的短轴，宽度将是长轴。

HTML

输出：

椭圆