Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 椭圆边界半径?_Html_Css - Fatal编程技术网

Html 椭圆边界半径?

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

我想画一个纯html和css平面。 我现在的地下室是:


#平面{
高度: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>