本文介绍了如何在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中创建一个椭圆?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!