Полезность))

[[Гер]]

27.09.2011 в 08:06

Пишет  D Ash:

Линии
Немного о них.

Самый простой способ добавить горизонтальную линию - тэг <hr>. Я им довольно часто пользуюсь, ибо удобно при разделении контента.

---

Но есть ещё один способ рисовать тэгами. Верно, добавлять бортики к другим тэгам. Если коротко, это выглядит примерно так:

<div style="border:1px solid #000; width:50px; height:50px;"></div>

Где первый параметр - толщина, второй - тип (solid, dotted, dashed, double, groove, ridge, inset, outset), а третий - цвет. Можно описывать бортики только с каких-то конкретных сторон:

border-top: ...;
border-bottom: ...;
border-left: ...;
border-right: ...;

А теперь простой пример. ^_^

<table>
<tr><td style="border-left:1px solid #000; width:50px; height: 50px;"> </td><td style="border-top:1px solid #000; border-bottom:1px solid #000; width:50px;"> </td><td style="border-top:1px solid #000; border-right:1px solid #000; width:50px;"> </td><td style="width:50px;"> </td></tr>
<tr><td style="border-left:1px solid #000; border-right:1px solid #000; height:50px;"> </td><td> </td><td style="border-bottom:1px solid #000;> </td><td style="border-top:1px solid #000; border-right:1px solid #000;"> </td></tr>
<tr><td style="border-left:1px solid #000; border-bottom:1px solid #000; height:50px;"> </td><td style="border-top:1px solid #000; border-right:1px solid #000;"> </td><td style="border:1px dotted #f00;"> </td><td style="border-right:1px solid #000;"> </td></tr>
<tr><td> </td><td style="border-left:1px solid #000; border-bottom:1px solid #000; height:50px;"> </td><td style="border-top:1px solid #000; border-bottom:1px solid #000;"> </td><td style="border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;"> </td></tr>
</table>

@темы: other, Полезное, Туториалы