Сделать вертикальную линию с HTML CSS или JavaScript

Question

Сделать вертикальную линию с HTML CSS или JavaScript

0

Я заметил вертикальные линии, например, на веб-сайте trippeo.com, если вы прокрутите страницу вниз до места, где говорится: " Увеличьте лояльность путешественников...", а затем вертикальная линия внизу. Как бы вы создали такую длинную линию в веб-дизайне? Вам нужно сделать изображение и абсолютную позицию, или есть лучший способ с HTML, CSS и/или JavaScript?

etangins 11 май 2014, в 17:40

Источник

0

Используйте свойство border css
Ani 11 май 2014, в 14:55
0

Есть много способов сделать это, вы должны предоставить контекст для вашего варианта использования, чтобы мы могли ответить четко.
web-tiki 11 май 2014, в 14:57

Теги:

javascript

html

css

line

1 ответ

Ещё вопросы

Есть много способов сделать это, вы должны предоставить контекст для вашего варианта использования, чтобы мы могли ответить четко.

Praveen Kumar Purushothaman · Accepted Answer · 2014-05-11T13-10-00.000Z

Вы можете сделать это двумя способами:

Фоновое изображение выровнено справа и повторяется по оси Y.
```
.main-liner {background: url("bg.png") repeat-y right top transparent;}
```

бордюр

.main-liner {border-right: 2px solid #f00; margin-right: -2px;}

Предварительный просмотр:

Сценарий: http://jsfiddle.net/praveenscience/RU42F/

Вы также можете использовать псевдоэлементы
Да ... Но они не будут работать на IE ... :(
да, вы правы в IE8, но это метод, используемый на связанном сайте OP.