Как сделать фон в ячейки

Как сделать фон в ячейки
Как сделать фон в ячейки
Как сделать фон в ячейки
Как сделать фон в ячейки


Цвета в html. Цвет фона, текста, фона ячейки таблицы

При желании вы всегда можете поменять цвет текста или фона.

Цвет текста
Необходимо указать в значении атрибута color (цвет) тега font (шрифт) нужный цвет. Для задания цвета мы будем использовать шестнадцатеричный код - обычно используют именно его, с его помощью можно задавать значительно большее количество цветов.
Давайте зададим серый цвет для текста:

<font color="#808080">Текст серого цвета</font>

Текст серого цвета

Вот список некоторых цветов с кодами. В значении атрибута color для них можно писать как шестнадцатеричный код, так и именной.

Белый #FFFFFF white Желтый #008080 yellow Зеленый #008000 green Золотой #FFD700 gold Красный #FF0000 red Оливковый #808000 olive Серебряный #C0C0C0 silver Серый #808080 gray Синий #0000FF blue Фиолетовый #800080 purple Черный #000000 black
Цвет фона страницы
В открывающем теге <body> используется атрибут bgcolor (цвет фона).
В приведенном ниже примере вся страница будет серого цвета.

<body bgcolor="#808080">Содержимое страницы
</body>


Фон ячейки таблицы
Если необходимо задать цвет какой-либо ячейке таблицы укажите в атрибуте bgcolor тега td нужное значение, как в примере с цветом фона страницы. Также и с цветом шрифта в ячейке.
Зададим разный цвет фона для каждой ячейки таблицы, в одной ячейке зададим и цвет текста.

<table width="95%">
<tr>
<td bgcolor="#999900">Текст</td>
<td bgcolor="#00FF66">Текст</td>
<td bgcolor="#996666">Текст</td>
</tr>
<tr>
<td bgcolor="#CCCC33">Текст</td>
<td bgcolor="#CCFF99"><font color="#808080">Текст серого цвета</font></td>
<td bgcolor="#CCCCFF">Текст</td>
</tr>
<tr>
<td bgcolor="#996699">Текст</td>
<td bgcolor="#CC6633">Текст</td>
<td bgcolor="#FFCC66">Текст</td>
</tr>
</table>

Текст Текст Текст Текст Текст серого цвета Текст Текст Текст Текст
Источник урока: 1sait.com

 

Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки Как сделать фон в ячейки

Статьи по теме:



Фото повязок на голову для девочек своими руками

Лучшие поздравления для студента

Как сделать фото с надписью одноклассники

Поздравлением с бракосочетанием брата и сноху6

Как сделать чтобы сайт не сохранял пароль