Практика разработки Web-страниц


Элементы, которые вы можете раскрасить


Следующая таблица перечисляет элементы, которые вы можете раскрасить, и приводит пример стиля для каждого из них. Также, если вам нужно работать со старыми броузерами, не поддерживающими каскадированные таблицы стилей (CSS), в таблице указан обычный HTML, который вы можете использовать для получения того же цвета (если возможно).

Чтобы задать цвет веб-объектаЗадать цвет и применить стиль CSSHTML без стилей
Текст страниц и задний фон

BODY, TABLE, TD { color: #006600; background-color: #CCCC99; }

<BODY text="#006600" bgcolor="#CCCC99">

Особый текст

blue { color: #0000CC } Apply in HTML: <H1 class=blue>Blue Header</H1>

<H1><FONT color="#0000CC">Blue Header</FONT></H1>

Подсвеченый текст

hilite { background-color: #FFFF00 } Apply in HTML: <P>Highlight in <SPAN class=hilite>Yellow</SPAN> </P>

(Requires a style)

Текст гиперссылки

A:LINK { color: #993300 } A:VISITED { color: #993333 } A:ACTIVE { color: #999933 }

<BODY link="#993300" vlink="#993333" alink="#999933">

Фон ячейки или таблицы

greenie { background-color: #66CC66 } Apply in HTML: <TABLE class=greenie> <TR><TD>On A Green Background </TD></TR></TABLE>

<TABLE bgcolor="#66CC66"> <TR> <TD>On Green</TD> </TR> </TABLE>

Таблица, параграф, или граница рисунка

greenbox { border-color: #00CC00 } Apply in HTML: <P class=greenbox> This text has a green outline. </P>

(Requires a style)

Горизонтальная линия

HR { color: #993300 }

(Requires a style)

Помните, что большинство цветов на веб-странице содержится в графике и рисунках, которые вы не можете изменить при помощи HTML. Чтобы изменить цвет рисунка, отредактируйте его в графическом редакторе, например в Photoshop.




Начало  Назад  Вперед