Как в css сделать вертикальную линию в


 

Используйте css. Причем существует два способа: один – через border, другой – через background-color.

Не используйте так, как рассказано в третьем пункте второго варианта :)

Применимо к текстовым тегам типа td, p, div...

Вариант первый

Синтаксис через border:

border-left:1px solid red

или

border-right:1px solid red

Размер и цвет указывайте по желанию :)

Например, верткальная черта слева, по умолчанию - без указания конкретного значения высоты:

код:
<div style="border-left:1px solid red; padding:5px">

То же самое – справа:

код:
<p style="border-left:1px solid red; padding:5px">

Вариант второй

Используйте таблицы или таблицы c css-сом.

1. border:

          - Это Бля Агапова!
- Здравствуй, Бля Агапова, хуле ты хотела?
- Ой, простите, Елена Вячеславовна, я вместо «Ю» нечаянно «Б» поставила... :-[
- Да ничего страшного, я в слове «что» тоже опечаталась... :)

Код:

<table border="0" cellpadding="0" cellspacing="0"> <tr valign="top"> <td style="border-left:1px #f1b38c solid">&nbsp;</td> <td style="border-left:9px #ea926c solid">&nbsp;</td> <td style="border-left:19px #e78053 solid">&nbsp;</td> <td style="border-left:29px #e5753f solid">&nbsp;</td> <td style="border-left:39px #d86935 сделать solid">&nbsp;</td> </tr> </table>

Для достижения желаемого результата - играйтесь с шириной и цветом бордера :)

2. background-color:

          Если у вас нет отца, то щелкните правой кнопкой мыши на рабочем столе, и выберите «создать папку» :)

Код:

<table border="0" cellpadding="0" cellspacing="2"> <tr> <td style="background-color:#8c60aa;"> </td> <td style="background-color:#9f74b4; width:10px">&nbsp;</td> <td style="background-color:#b489bf; width:20px">&nbsp;</td> <td style="background-color:#c094c5; width:30px">&nbsp;</td> <td style="background-color:#eedbec; width:40px">&nbsp;</td> </tr> </table>

Для достижения желаемого результата - играйтесь с:

background-color cellpadding cellspacing width height

3. Таблицы без использования css, с bgcolor

деталь: этот вариант не валиден с точки зрения w3c :)

          Почему мужчины смеются над блондинками?
Она: ответь мне, только честно, да или нет, хорошо?
Он: спрашивай
Она: почему мужчины смеются над блондинками?
Он: да

Код:

<table border="0" cellpadding="0" cellspacing="2"> <tr> <td bgcolor="#000000"> </td> <td bgcolor="#333333" width="10">&nbsp;</td> <td bgcolor="#666666" width="20">&nbsp;</td> <td bgcolor="#999999" width="30">&nbsp;</td> <td bgcolor="#aaaaaa" width="40">&nbsp;</td> </tr> </table>

В обоих вариантах можно по желанию указать параметры в пикселях, сантиметрах или шинанайдаопах.

 


Источник: http://annet.dn.ua/faq/css/hr/



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Html - Как сделать вертикальную линию? - Stack Overflow на русском Ведра для цветов своими руками


Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в Как в css сделать вертикальную линию в