分享程序员开发的那些事...
更新时间：2023-09-11 18:28:40
CSS：
div {
background-color：black;
width：500px;
height：50px;
border-bottom-left-radius：50％;
border-bottom-right-radius：50％;
}
看到这是确定的： DEMO
So I'm working on a site and I was wondering if it's possible to, purely using HTML5, CSS3 (and JavaScript if needed), make a div with a curved bottom, so it will look practically like this:
Or can this only be done using a background image?
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<ul class="nav">
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
</body>
CSS:
div{
background-color:black;
width:500px;
height:50px;
border-bottom-left-radius:50%;
border-bottom-right-radius:50%;
}
see is this ok for you : DEMO