关于用border-radius画圆的问题,变通一下合个参数,就可以根据自己的需要画出其他图形
<! DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>使用CSS画圆</title>
<style>
div{
width: 100%;
height: 80px;
background: red;
border-radius:0 0 50% 50% / 0 0 80px 80px;//解释:上 上 下 下 / 左 右 右 左;上左,上右,下右,下左;顺时针
}
</style>
</head>
<div>
</div>
</html>