如何在css中创建一个椭圆？ [英] how to make an oval in css?
本文介绍了如何在css中创建一个椭圆？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想要一个椭圆形：
但是当我使用这个代码时：
But when i used this code:
<!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>
它给我这个：
img src =https://i.stack.imgur.com/uRZHH.pngalt =输入图片说明here>
如要建立社交圈，但不是一个椭圆。
To make a circle it works, but an oval not.
推荐答案
所有你需要做的是改变 border-radius：40px 到 border-radius：50％。
All you have to do is to change border-radius: 40px to border-radius: 50%.
<!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: 50%;
}
</style>
</head>
<body>
<div class="oval"></div>
</body>
</html>
这篇关于如何在css中创建一个椭圆？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
