html – 我可以创建一个具有曲线底部的div吗？_html-js-css

概述所以我在一个网站上工作,我想知道是否可以纯粹使用 HTML5,CSS3(如果需要 JavaScript),使一个具有弯曲底部的div,这样看起来就像这样：还是只能使用背景图像？ <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <ul class="nav"> 所以我在一个网站上工作,我想知道是否可以纯粹使用 HTML5,CSS3(如果需要 JavaScript),使一个具有弯曲底部的div,这样看起来就像这样：

还是只能使用背景图像？

<body>    <div >        <div >        <ul >            <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 – 我可以创建一个具有曲线底部的div吗？全部内容，希望文章能够帮你解决html – 我可以创建一个具有曲线底部的div吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1099872.html

html – 我可以创建一个具有曲线底部的div吗？

发表评论

评论列表（0条）