所以我在一个网站上工作,我想知道是否有可能纯粹使用 HTML5、CSS3(如果需要,还有 JavaScript),制作一个底部 flex 的 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
关于html - 我可以创建一个底部 flex 的 div 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17040709/