水平線を作成したい場合は、次のようにします。
<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% 大丈夫です...画像は使用できません
