所以我在一个网站上工作,我想知道是否可以纯粹使用
HTML5,CSS3(如果需要
JavaScript),使一个具有弯曲底部的div,这样看起来就像这样:
还是只能使用背景图像?
<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%; }
看到这是对你的好:DEMO