 |
Вертикальная и горизонтальная черта в HTML |
|
| 19:06 6 июня 2013 — Grishaev Dimitiy | ||
Как сделать вертикальную черту средствами HTML?
Кто знает, то горизонтальная черта делается с помощью спец тэга: hr
Например чтобы стилизовать черту можно задать ей параметры:
Но чтобы сделать вертикальную черту — тега специального не предусмотрено!
И как быть?
Очень просто, оказывается с помощью div все это легко делается:
Ранее я делал на своем сайте подобное: http://kupihotter.ru/, но заработал с него всего 200 тыс. рублей чистыми, но из-за политики компании производителя в России (на самом деле кетай), стало проблематично брать их товары, и магазин загнулся. Однако верстка моя до сих пор радует глаз:
Кто знает, то горизонтальная черта делается с помощью спец тэга: hr
Например чтобы стилизовать черту можно задать ей параметры:
<hr style="width: 75%; color: rgb(151, 7, 11);">Вот что получится:
Но чтобы сделать вертикальную черту — тега специального не предусмотрено!
И как быть?
Очень просто, оказывается с помощью div все это легко делается:
<div style="width: 1px; height: 300px; background-color: #97070B;"></div>Вот что получится (поставил 2 пикселя для наглядности и 100 пикселей высоту:
Ранее я делал на своем сайте подобное: http://kupihotter.ru/, но заработал с него всего 200 тыс. рублей чистыми, но из-за политики компании производителя в России (на самом деле кетай), стало проблематично брать их товары, и магазин загнулся. Однако верстка моя до сих пор радует глаз:
Понравился пост?Да НетПонравилось 3, не понравилось 0 |
Расскажите о нас... |
6 комментариев
+ Добавить комментарийХотя, уже потихоньку hr исчезает из мира веба. Немодно стало уже.