底部边框看起来像波浪

Question

我希望导航div的底部有一个波浪。与附图相似。

Answer 1

你可能想要查看svg路径（http://www.w3schools.com/svg/），你可以使用在线应用程序（http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html）或像inkscape这样的应用程序来创建或编辑sag的

亲：

• 这会通过浏览器快速加载（优于图像）
• 您可以对其应用效果和动画
• 非常好的

魂斗罗：

• 当另一位开发人员查看您的代码时，他可能看不到您在那里做什么

  • 添加明确的评论
  • 或将其保存为.svg文件并将其添加为普通图像

还有其他问题吗？我会尝试为你创建一个例子。

编辑：当我重新阅读你的问题时，我注意到你需要它在底部，尝试使用

div#yourDiv{
     position:relative;
}
div#yourDiv:after{
     content:"";
     position:absolute;
     width:100px;
     left:0;
     height:100px;
     bottom: -100px;
     background: url(kiwi.svg);
}