Как раскрасить текст, фон, рамку

Материал из Wiki.

Перейти к: навигация, поиск

Чтобы раскрасить текст можно пользоваться тэгом

<font color=указать цвет>_______________</font>

Например:

  • Это красный текст <font color=red>_______________</font>
  • Это синий текст <font color=blue>_______________</font>
  • Это желтый текст <font color=yellow>_______________</font>
  • Это коричневый текст <font color=brown>_______________</font>
  • Это зеленый текст <font color=green>_______________</font>
  • Это серый текст <font color=grey>_______________</font>
  • Это темно-красный текст <font color=darkred>_______________</font>
  • Это темно-синий текст <font color=darkblue>_______________</font>
  • Это розовый текст <font color=pink>_______________</font>
  • Это сиреневый текст <font color=magenta>_______________</font>
  • Это текст цвета темной морской волны <font color=darkcyan>_______________</font>
  • Это текст цвета, заданного в RGB-формате <font color=12do5f>_______________</font>


Как раскрасить фон

Чтобы раскрасить фон можно пользоваться командами оформления таблицы:


{|border=1

|bgcolor=#FFcc99|


|Здесь пишем текст


|}


Здесь #FFcc99 - 16-ричный код бежевого цвета модели RGB.

Как раскрасить рамку

Чтобы раскрасить рамку можно пользоваться тегами


<div style="border: 4px solid #9999FF">

Здесь размещаем текст

</div>


Как создать цветную плашку

Чтобы создать цветную плашку вверху можно пользоваться тегами:

{|style="width:100%; background-color:#eedada; border:1px solid black;"

|Сюда пишем текст заголовка (его может и не быть)

|}


{|style="width:100%; background-color:transparent; border:1px solid black;"

|Здесь размещаем текст

|}

Можно поэкспериментировать с цветом фона background-color, цветом рамки solid и толщиной рамки border. Ширина таблицы width обычно задается 100%, чтобы таблица занимала все пространство. border-top: 0px служит для того, чтобы верхняя граница второй рамки не прорисовывалась и не утолщала нижнюю границу первой рамки. 

{| - указывает на начало таблицы

|} - указывает на конец таблицы             Должны размещаться с первой позиции строки 

| - указывает на начало ячейки


Или по-другому

<div style="background-color: #C8D8FF; height: 8px; border: 1px solid #AAAAAA;"></div>

<div style="border: 1px solid #8898BF; border-top: 0px; padding: 5px 5px 0 5px; margin-bottom: 3px;">

Здесь размещаем текст

</div> 


height=8px задает высоту синей полоски 8 пикселей

padding: 5px 5px 0 5px задает отступ текста от края рамки сверху, справа, снизу, слева  соответственно.

margin-bottom: 3px задает нижнее поле 3 пиксела
Получено с http://wiki.edc.samara.ru/index.php/%D0%9A%D0%B0%D0%BA_%D1%80%D0%B0%D1%81%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D1%82%D1%8C_%D1%82%D0%B5%D0%BA%D1%81%D1%82%2C_%D1%84%D0%BE%D0%BD%2C_%D1%80%D0%B0%D0%BC%D0%BA%D1%83
Личные инструменты