如何使用html5、css3获得ovel形状椭圆形椭圆形_Html_Css_Css Shapes

如何使用html5、css3获得ovel形状椭圆形椭圆形

html css

如何使用html5、css3获得ovel形状椭圆形椭圆形,html,css,css-shapes,Html,Css,Css Shapes,这是使用html5、css3制作的椭圆形我写了这样的代码..我想把div标记作为ovel shape..你能告诉我 html <!DOCTYPE html> <head> <title> Oval shape</title> </head> <body> <div style="width:400px; height:400px; background-color:#ff0;">Oval</d

这是使用html5、css3制作的椭圆形

我写了这样的代码..我想把div标记作为ovel shape..你能告诉我

html

<!DOCTYPE html>
 <head>
 <title> Oval shape</title>
 </head>
 <body>
 <div style="width:400px; height:400px; background-color:#ff0;">Oval</div>

  <p> This is Oval shape by using html5, css3.</p>
 <body>
</html>

请参阅下面的链接

您可以使用边界半径来允许动态尺寸。我还想指出，这种css实际上不需要前缀：

div{
高度：100px；
宽度：200px；
边界半径：50%；
背景色：#ff0；
}

请发布您迄今为止尝试过的CSS。我已经用代码编写了内联CSS…请检查是的，我收到了。。。谢谢大家…也请看是的我得到了。。thakyou…不幸的是，这不是一个响应性的解决方案。

 <div id="oval">Oval</div> <p> This is Oval shape by using html5, css3.</p>

#oval {
width: 200px;
height: 100px;
background: red;
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
}