html - 底部边框看起来像波浪

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);
}