Html 椭圆边界半径?
我想画一个纯html和css平面。 我现在的地下室是:Html 椭圆边界半径?,html,css,Html,Css,我想画一个纯html和css平面。 我现在的地下室是: #平面{ 高度:100px; 背景色:#ccc; 边框:实心1px#000; 边界半径:120px 0 120px; } 我希望左侧的“驾驶舱”更椭圆,而不是圆形。 有机会认识到这一点吗? 谢谢你的帮助 要使其更椭圆,您可以使用: border-radius: 50% 0 0 50%; 您可以在纯html和css中实现这一点,但需要更多的div元素。像这样: <div id="plane"> <div
#平面{
高度:100px;
背景色:#ccc;
边框:实心1px#000;
边界半径:120px 0 120px;
}
我希望左侧的“驾驶舱”更椭圆,而不是圆形。
有机会认识到这一点吗?
谢谢你的帮助 要使其更椭圆,您可以使用:
border-radius: 50% 0 0 50%;
您可以在纯html和css中实现这一点,但需要更多的div元素。像这样:
<div id="plane">
<div id="cockpit-window"></div>
<div id="left-wing"></div>
<div id="right-wing"></div>
<div id="tail"></div>
</div>
给你的一些启示:
我认为纯css是不可能的。检查SVG椭圆弧:这很好,但可能没有多大帮助-非常好!别忘了把这个问题标记为答案非常简单(实际上很明显:D)和很好的解决方法Christophe。做得很好。
<div id="plane">
<div id="cockpit-window"></div>
<div id="left-wing"></div>
<div id="right-wing"></div>
<div id="tail"></div>
</div>