среда, 17 августа 2011 г.

Как окружить текст рамкой?

Как сделать такую конструкцию?

Текст в рамке

Нужно использовать примерно такой код:
<div style="border: 2px solid orange; width: 100px; text-align: center;"><b>Нужный текст</b></div>
Где параметр "style="border: 2px solid orange;" описывает свойства вашей рамки:
Первый параметр ("2px") - это её толщина.
Второй параметр ("solid") - это её тип.
Третий параметр ("orange") - её цвет.

Параметр "width: 100px" описывает ширину рамки (в пикселях).
Подробно про эти параметры рамки можно прочитать в сообщении, упомянутом в начале.

Параметр "text-align: center" описывает ориентацию текста внутри рамки.
Варианты:

  • "left" - Выравнивание текста по левой границе;

  • "right" - Выравнивание текста по правой границе;

  • "center" - Выравнивание текста по центру;

  • "justify" - Выравнивание текста по правой и левой границам.

  • www.aliveinternet.ru/post180405463/?upd 

    Комментариев нет:

    Отправить комментарий