Иногда хочется выделить какое-либо слово, букву, графическое изображение или, порой, целое сообщение. Один из способов привлечения внимания к вышеперечисленному - обрамление с помощью тега <BLOCKQUOTE>:
<blockquote style="border:1px #CD5C5C solid; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>
Ваш текст
<blockquote style="border:2px #c0c0c0 dotted; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>
Ваш текст
<blockquote style="border:10px #FFD700 solid; padding: 10px; margin:0px 0px 0px 0px;">Ваш текст</blockquote>
Ваш текст
<blockquote style="background-color: #FFB6C1; border:1px #FF00FF solid; padding: 10px; margin:0px 0px 0px 0px;">А вот текст в рамке с цветным фоном</blockquote>
А вот текст в рамке с цветным фоном
<blockquote style="border:3px #000000 dashed; padding: 15px; margin:0px 0px 0px 0px;"><center>Ваш текст</center></blockquote>
Текст можно расположить в любой части рамки
Атрибут стиля border позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам. Могут быть установлены следующие параметры границы:
- border-width - ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая).
- border-color - цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно.
- border-style - задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double, groove, ridge, inset, outset.
Другие переменные:
- background-color - цвет фона рамки. Также можно прописать адрес фоновой картинки.
- padding - отступ текста от рамки внутри
- margin - отступ от текста снаружи (если рамка находится внутри текста)
Синтаксис смотрите выше, в примерах. Обратите внимание на особенности прописывания стиля.
|