如何在css中制作一个椭圆形？
拉希德
我想制作一个椭圆形，例如：
但是当我使用这段代码时：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>Oval</title>
<style type="text/css">
.oval {
width: 160px;
height: 80px;
background: #a84909;
border-radius: 40px;
}
</style>
</head>
<body>
<div class="oval"></div>
</body>
</html>
它给了我这个：
画一个圆就可以了，但是椭圆形不行。
阿里·阿布塞巴巴（Ali Aboussebaba）
您要做的就是更改border-radius: 40px为border-radius: 50%。
.oval {
width: 160px;
height: 80px;
background: #a84909;
border-radius: 50%;
}<div class="oval"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何制作一个圆形的椭圆形按钮？
- 2
如何在Flutter中在屏幕顶部创建一个半椭圆形？
- 3
我想用箭头将一个椭圆形的css形状变成椭圆形
- 4
我想用箭头将一个椭圆形的css形状变成椭圆形
- 5
如何创建一个椭圆形的UIView？
- 6
Python从4点创建一个椭圆形
- 7
Android从canvis中删除一个椭圆形的部分
- 8
如何在android中的水平Linearlayout中显示两个椭圆形末端的Textview？
- 9
如何在JLabel中绘制椭圆形图像
- 10
如何在图像中的对象周围绘制椭圆形
- 11
如何在JLabel中绘制椭圆形图像
- 12
如何在WPF按钮中获取按钮边框和椭圆形的一半？
- 13
CSS中的半椭圆形
- 14
如何在Winforms中制作一个圆形按钮
- 15
如何在乌龟图形（python）中绘制椭圆/椭圆形？
- 16
如何在乌龟图形（python）中绘制椭圆/椭圆形？
- 17
如何制作垂直椭圆形的div形状？
- 18
如何使用Swift制作椭圆形SKPhysicsBody
- 19
如何在Android中制作一个图像使其适合圆形的圆形搜索栏
- 20
帆布弹跳球，显示一个椭圆形的黑色球
- 21
LWJGL Circle程序创建一个椭圆形的形状
- 22
帆布弹跳球，显示一个椭圆形的黑球
- 23
如何填充椭圆形？
- 24
在OpenGL中创建椭圆形或椭圆形光源？
- 25
如何在不旋转图像CSS的情况下以椭圆形式旋转图像
- 26
使用CSS创建一半垂直的椭圆形
- 27
如何在图形对象上绘制填充的椭圆形？
- 28
如何在画布上绘制平滑的椭圆形
- 29
如何在XAML中将图像裁剪为椭圆形
我来说两句