【发布时间】：2013-06-24 21:34:03
【问题描述】：
如果我想画一条水平线，我会这样做：
<style>
#line{
width:100px;
height:1px;
background-color:#000;
}
</style>
<body>
<div id="line"></div>
如果我想画一条垂直线，我会这样做：
#line{
width:1px;
height:100px;
background-color:#000;
}
</style>
<body>
<div id="line"></div>
曲线比较复杂，但可以使用border-radius 并包裹元素：
<style>
.curve{
width:100px;
height:500px;
border:1px #000 solid;
border-radius:100%;
}
#wrapper{
overflow:hidden;
width:40px;
height:200px;
}
</style>
<body>
<div id="wrapper">
<div class="curve"></div>
</div>
</body>
但我什至无法理解如何生成波浪线！ 仅使用 css（和 javascript，因为似乎有必要更轻松地生成它们）甚至可以远程实现。
注意：
正如预期的那样，鉴于您的回答，没有办法在唯一的 css 中做到这一点...javascript 和 jquery 100% 可以满足您的回答...不能使用任何图像
【问题讨论】：
-
几个
.curve元素粘在一起了？ -
用CSS3 border images怎么样？
-
您可以使用多个相邻且具有非常高边界半径的 div 集来完成类似的操作。您还必须隐藏元素的上半部分/下半部分，具体取决于它们是奇数还是偶数，您可以使用 CSS 进行操作。
-
为什么没有图片？甚至 SVG 都没有？
-
@david 因为我使用它的应用程序会让用户创建曲线
标签： javascript jquery html css