Отправляет email-рассылки с помощью сервиса Sendsay

Тег table в Вопросах и Ответах

  Все выпуски  

Тег table в Вопросах и Ответах


Информационный Канал Subscribe.Ru

Вопрос:

«Как изменить цвет шрифта в таблице?»

Ответ

Эта статья посвящена тем из вас, кто хочет использовать в своей таблице разные цвета, но кого не устраивает перспектива каждый раз, когда цвет меняется, заново вводить тег <font color=></font> Итак, сегодня мы с тобой решим проблему: «Как изменить цвет шрифта в таблице, не прибегая к услугам тега font?»

Вот как это делается:

<head>
<style>
p.r {color: red}
p.y {color: yellow}
p.g {color: green}
</style>
</head>
<table valign=midlle width=51% align=center height=100 border=1>
<tr>
<td><p class=r>Красный</p></td>
<td><p class=y>Жёлтый</p></td>
<td><p class=g>Зелёный</p></td>
</tr>
<tr>
<td><p class=r>Красный</p></td>
<td><p class=y>Жёлтый</p></td>
<td><p class=g>Зелёный</p></td>
</tr>
<tr>
<td><p class=r>Красный</p></td>
<td><p class=y>Жёлтый</p></td>
<td><p class=g>Зелёный</p></td>
</tr>
</table>

Для того, чтобы тексты таблицы были разноцветными, нам нужно, прежде всего, поместить весь наш текст в теги <p></p>. А чтобы раскрасить наши с тобой тексты в разные цвета, мы в начале таблицы должны задать

<head>
<style>
p.r {color: red}
p.y {color: yellow}
p.g {color: green}
</style>
</head>

и в центре между тегами <style></style> задать каждому абзацу класс и цвет этого класса. Это делается вот так: p.твой класс (буковой или цифрой){color: твой цвет}. Затем нужно установить заданный тобой твоему абзацу класс. Делается это так:

<p class=g>Зелёный</p>

После этого твой текст в твоей таблице будет разноцветным. Итак, только что мы с тобой решили проблему: «Как изменить цвет шрифта в таблице, не прибегая к услугам тега font?»

Но это ещё не всё. Как, например, ты сможешь обойтись без тега style и сохранить при этом разноцветность абзацев твоего текста в твоей таблице? Подсказываю: тебе нужен язык CSS. Но дальше сам…


http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: inet.webbuild.tablehtml
Отписаться

В избранное