Статьи по Web-дизайну

       

Рамка вокруг фрагмента текста


Выделить фрагмент текста можно не только при помощи фонового цвета, но и, например, заключив фрагмент текста в рамку. О том, как сделать корректную рамку, описано в следующей статьей. Здесь же я просто приведу код и расскажу о некоторых особенностях. Итак, код выглядит следующим образом:

<table width="368" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000"><tr><td> <table width="100%" cellpadding="10" cellspacing="1" border="0"> <tr> <td bgcolor="#ffffff">Здесь располагается фрагмент текста</td> </tr> </table> </td></tr></table>

Как и в случае с подложкой, мы используем таблицу в одну ячейку и точно также атрибут cellpadding используется для задания отступов вокруг текста. Разница лишь в том, что теперь таблица используется для задания рамки, а не фона. Результат выглядит следующим образом:

Посмотрите, текст в рамке обращает на себя внимание не меньше, чем подложка. А ведь можно еще и совместить эти способы!



Содержание раздела