Если бы я хотел сделать горизонтальную линию, я бы сделал это:
<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 процентов подходят для вашего ответа... НЕТ ИЗОБРАЖЕНИЙ МОГУТ БЫТЬ ИСПОЛЬЗОВАНО
