底部边框看起来像波

Question

我正在寻找使导航div的底部有波。与附图相似。

Answer 1

你可能想看看SVG路径（http://www.w3schools.com/svg/），您可以使用在线应用程序（http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html）或类似Inkscape中的应用程序来创建或编辑下垂的

临：快速

• 这个负载通过浏览器（比图片更好）
• 你可以对其应用效果和动画
• 比例很好

魂斗罗：

• 当其他开发商看你的代码，他可能不会看到你在做什么有

  • 添加明确意见
  • 或将其保存到.svg文件和像普通图像一样添加它

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

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

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