Казалось бы, чего уж проще сделать рамку
вокруг текста? Создаем таблицу. Вот так:
|
<TABLE>
<TABLE BGCOLOR="#f0f0f0" WIDTH=100 BORDER=1>
<TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR>
</TABLE>
|
|
Этот абзац заключен в рамку
|
Но что это? Рамка несколько толстовата! Мы же явно написали, что
рамка должна быть толщиной в 1 пиксел! Это связано с тем, что, по
умолчанию, расстояние между соседними ячейками в таблице не равно
0. Вот это расстояние и сказывается на ширине рамки.
<TABLE>
<TABLE BGCOLOR="#f0f0f0" CELLSPACING=0
WIDTH=100 BORDER=1> <TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR>
</TABLE> |
|
Этот абзац заключен в рамку
|
Уже гораздо лучше! Но граница, всеравно имеет толщину в 2 пикселя.
Дело в том, что таблицы отображаются браузерами так, что граница
как бы трехмерна и отбрасывает тень. Как от этого избавиться? Поместим
нашу таблицу еще в одну таблицу:
|
Этот абзац заключен в рамку
|
|
<TABLE BGCOLOR=black CELLSPACING=0
CELLPADDING=1 BORDER=0 WIDTH=100>
<TR><TD>
<TABLE BGCOLOR="#f0f0f0" CELLSPACING=0 BORDER=0
WIDTH=100> <TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR> </TABLE>
</TR></TD></TABLE> |
Обратите внимание на атрибуты первого тэга <TABLE> BGCOLOR и CELLPADDING.
Первый задает цвет границы, а второй - толщину.
|
