在CSS中，你可以使用border-radius属性配合宽度和高度的不同值来创建一个椭圆形状。以下是一个简单的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>椭圆形状</title>
<style>
.ellipse {
width: 200px; /* 椭圆的宽度 */
height: 100px; /* 椭圆的高度 */
background-color: #007BFF; /* 椭圆的颜色 */
border-radius: 50%/100% 100% 100% 100%; /* 创建椭圆效果 */
}
</style>
</head>
<body>
<div class="ellipse"></div>
</body>
</html>
在这个示例中，.ellipse类定义了一个椭圆形状。width和height属性分别设置了椭圆的宽度和高度。background-color属性设置了椭圆的颜色。border-radius属性用于创建椭圆效果，其中50%/100%表示水平半径是50%，垂直半径是100%。你可以根据需要调整这些值来创建不同大小和形状的椭圆。
注意：border-radius属性的四个值分别对应左上角、右上角、右下角和左下角的圆角半径。在这个示例中，我们只设置了左上角的圆角半径，其他三个角使用了默认值。由于我们想要创建一个完整的椭圆形状，所以只设置左上角的圆角半径就足够了。如果你想要创建更复杂的形状，可以尝试调整其他角的圆角半径。
另外，如果你想要创建一个完美的圆形，只需将width和height设置为相同的值，并将border-radius设置为50%即可。例如：
.circle {
width: 100px; /* 圆形的宽度 */
height: 100px; /* 圆形的高度 */
background-color: #007BFF; /* 圆形的颜色 */
border-radius: 50%; /* 创建圆形效果 */
}