div底部的半圆？

Question

我需要一个div的底部边框（不是圆角）的半圆，就像这样。

这是div代码：

#navlogo img {
position:fixed;
width: 180px;
height: 180px;
z-index: 2;
left:45%;
top:0;
background-color:#CCC;

非常感谢任何帮助！

border-radius可以解决问题，抱歉没有更好的措辞

Answer 1

您需要border-bottom-left-radius: 50%和border-bottom-right-radius: 50%;。

jsFiddle：https://jsfiddle.net/ufar4mrj/

Answer 2

据我所知，在网页中包含圆角形状的方法很少：

• border-radius（圆角）
• 图像
• SVG
• 闪存

考虑到你想做什么，SVG和Flash是不可能的，只留下图像和圆角。我不知道为什么你拒绝使用border-radius因为它工作得很好。您将找不到任何可以更好地集成到网页中的内容。