Цвета html таблица

Не кажется ли вам, что черно-белая таблица выглядит скучновато? Вот и мы так думаем! Поэтому в этом уроке мы поговорим о том, как изменить цвет таблицы в HTML. Существует три возможности добавления цвета, для каждой из которых присутствует свое свойство.

  1. Указание цвета фона ячеек. Осуществляется с помощью свойства background-color.
  2. Указание цвета текста в ячейках. Осуществляется с помощью свойства color.
  3. Указание цвета рамок ячеек. Осуществляется с помощью свойства border-color.

Ранее, чтобы изменить цвет, применялась более сжатая форма описания рамки. Выглядела она вот так:

border: 1px solid lightgray

И за цвет здесь отвечала последняя часть – lightrgay.

Существуют различные способы, позволяющие задать значение цветов в CSS. Мы же покажем вам, как происходит описание цвета с использованием атрибутов.

Как изменить цвет ячейки

Давайте посмотрим, как выглядит код в CSS, в котором задан цвет для ячейки.

td {  background-color: цвет-фона; }    

Разумеется, изменять цвета можно и у table, и у td, и у th. Давайте попробуем придать нашей таблице умножения более солидный вид.

Добавим стили для ячеек-заголовков с тегом th, а также для ячеек по диагонали, в которых расположены квадраты чисел:

<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>Таблица умножения</title>  <style>  table {  border: solid 1px blue;  border-collapse: collapse;  }   td, th {  border: solid 1px blue;  padding: 10px;  }   th {  background-color: #eeeeee;  }  </style> </head> <body> <table>  <caption>Таблица умножения</caption>  <tr>  <th>*</th>  <th>2</th>  <th>3</th>  </tr>  <tr>  <th>2</th>  <td style="background-color: greenyellow">4</td>  <td>6</td>  </tr>  <tr>  <th>3</th>  <td>6</td>  <td style="background-color: greenyellow">9</td>  </tr> </table> </body> </html>

Результат в браузере:
Раскрашенная таблица умножения

Как изменить цвет рамки в таблице

Как вы уже заметили в примере выше, в таблице мы изменили цвет рамки. Для этого мы использовали свойство border. В нём задаются параметры в порядке, перечисленном ниже:

  1. тип линии, в нашем случае solid (сплошная)
  2. толщина линии, в нашем случае 1px
  3. цвет линии, в нашем случае синий

Напомним ещё раз, как выглядит задание цвета рамки для ячейки:

td {  border: 1px solid blue; }

Как изменить цвет строки в таблице

Итак, мы с вами научились менять цвета ячеек, а также ячеек-заголовков, используя возможности CSS. Если мы указываем стили для таких тегов, как th или td, то должны понимать, что применимы стили будут и к остальным тегам.

Однако, бывают ситуации, когда надо изменить цвет конкретной ячейки или же несколько ячеек, или же всю строку целиком. Что делать в данном случае? Здесь следует использовать классы, а также осуществлять применение их стилей. На практике это выглядит вот так:

.rowGreen {  background-color:green; }

А чтобы изменить цвет с помощью этого класса определённые строки нужно сделать следующее:

<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>Таблица с чередованием цвета в строках</title.    
;1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> <tr class="rowGreen"> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> </table> </body> </html>

И результат в браузере:
Таблица с чередованием цвета в строках

Как изменить цвет текста в таблице

Для того, чтобы изменить цвет текста в таблице используется свойство color. Применять его можно к самым разным элементам: к table, tr, th, td. В зависимости от этого цвет в выбранном элементе будет изменён. Например, для всей таблицы зададим зелёный цвет шрифта:

table {  color: green;  ... }

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


webshake.ru

***

Каталог названий цвета в русском языке (с дополнениями)

абрикосовый — оранжево-желтый, красновато-желтый.

амарантовый — сиренево-розовый, светло-лиловый.

английский газон — ярко-зеленый

анисовый лед — холодный зеленовато-желтый

апельсиновый — оранжевый, ярко-оранжевый.

апрельское небо — голубая лазурь

балтийский пляж — беловато-бежевый

балтийский туман — тусклый светло-серый

бархатное небо — насыщенный темно-синий

бархатный подсолнух — темно-золотистый

белая ночь — светловато-белесый

берестяная грамота — золотисто-коричневый

бесконечно синее небо — глубокий синий

болотные сумерки — зеленовато-бурый

брусничный дождь — прозрачный красновато-розовый

брызги шампанского — искрящийся светло-желтый

брюшко тропической рыбки — серебристо-белый

бусый — темный голубо-серый или серо-голубой

бушующий океан — сиренево-розовый с металлическим блеском

Веджвуд — цвет веджвудского фарфора; фиалковый, серовато-голубой

венская зелень — нежно-зеленый


весенняя проталина — темно-бурый

вечер на рейде — черно-синий

вечернее южное небо — ультрамарин.

вечерний синий — темно-синий.

вишнёвый — цвета поспевшей вишни, тёмно-красный.

водопад — голубовато-серебристый.

водяная феерия — перламутрово-голубой.

волна и пена — сочетание белого и сине-серого.

восход — розовато-оранжевый.

восход в восточных садах — теплый ярко-розовый.

восход в сопках — холодный розовый.

высохшая саванна — выгоревший серо-желтый.

глаза пантеры — светящийся желто-зеленый.

глетчер — средне-серый.

гнедой окрас — близкий к рыжему.

голубое сердце — серебристо-голубой

голубое утро — нежный сиренево-голубой

голубой ангел — бледно-голубой

голубой Дунай — веселый голубой

голубой Терек — прозрачный голубой

голубой цвет Пикассо — грязновато-голубой (характерный для картин Пикассо)

горные вершины — сверкающий белый

горящий камин — огненно-красный

грин — бледно-зелёный цвет американских долларовых купюр.

грозовой перевал — темно-серый

Дельфт — цвет дельфтского фарфора: серовато-синий с лиловым оттенком

деним — цвет темной джинсовой ткани: серовато-синий


дождливый восход — розовато-серый

дождь (цвет дождя) — прозрачный сероватый

жемчужная пашня — цвет изморози на влажном весеннем поле: буровато-седой

закат в джунглях — жгучий желто-красный

закат в кедровых рощах — золотисто-медный

закат в песках Сахары — золотисто-оранжевый

запах розы — пастельно-розовый

заросли камыша — мягкий буро-зеленый

затмение — тревожный черно-серый

зеленый полумрак — темный бархатисто-зеленый

зимнее утро — холодный бледно-голубой

зимние сумерки — серовато-голубой

золотая дюна — светло-песочный с золотистым оттенком

золотая осень — багряно-желтый

золотое руно — переливающийся палево-рыжий

изумруд Нефертити — темно-изумрудный

изумрудные сумерки — бархатисто-зеленый

изумрудный гейзер — цвет сверкающих на солнце зеленых брызг воды

изумрудный шартрез — искрящийся темно-зеленый

испанское вино — цвет темного красного вина

Италийская ваза — терракотовый

Каирская роза — оранжево-розовый

кайенский — коричневый

калина красная — темно-алый

камышовая тишь — мягкий буро-зеленый

каньон — пыльно-коричневый


карельский туман — молочно-белесый

киноварный — цвет киновари, ярко-красный.

кипенный сад — кипенно-белый (цветы фруктового сада в разгар цветения).

кипящая лава — слепящий огненно-красный

клубничная весна — интенсивно-розовый с синевой

клюквенный — краснопурпурный.

коралловое утро — пастельный морковно-розовый

космический голубой — глубокий голубой

космический синий — глубокий синий

космос — чёрно-синий.

красный в тонах Пикассо — багрово-красный (характерный для картин Пикассо)

красный от Монро — цвет алого платья Мерилин Монро

красный цвет Матисса — серовато-красный (характерный для картин Матисса)

крымская лазурь — цвет морской дали в ясный день: яркий зеленовато-голубой

купоросный — цвет раствора медного купороса, пронзительно-голубой

лава Везувия — огненный

лазуревый — устаревшая форма слова лазоревый.

латунный — оттенок темно-желтого.

ледяной шторм — темный сине-серый с блестками

лиловый негр — сиреневато-шоколадный

лондонский рассвет — светло-серый с розоватым оттенком

лунная лава — цвет старой застывшей лавы: голубоватый серо-желтоватый

лунное затмение — иссиня-черный


лунный камень — глянцевый молочно-белый

лунный свет — холодный бледно-голубоватый

луч заходящего солнца — нежный пурпурно-красный

Мейсен — цвет мейсенского фарфора: темно-голубой

малахитовый зал — насыщенный темно-зеленый

мартовские тени — голубовато-серый

метистовая ночь — темный фиолетово-синий

милитари — хаки

молоко матери — кремово-белый

монастырский белый — чистый аскетический белый

море после шторма — серовато-синий

мороз и солнце — сочетание солнечно-желтого и голубого

морские камни — глянцевый голубовато-бурый

московские сумерки — сизо-серый

муаровый (франц. moire) — с волнистым отливом; переливающийся цвет.

муравый, муравленый — цвет луговой травы.

невская вода — голубовато-стальной

нефрит Клеопатры — матово-зеленый

низкое небо — мрачно-серый

нильский закат — оранжевый

ноготковый — желтый с красным оттенком.

крымская ночь — глубокая чёрная бирюза.

ночь влюбленных — тёмно-бирюзовый.

ночная вода — темный агат

ночная река — маслянистый зелено-черный

ночная тайга — черно-зеленый

ночной луг — зеленовато-черный


нью-йоркский смог — бледно-серый

оксфордский синий — тёмно-васильковый.

опаловый — цвета молочного опала, матово-белый с радужным отливом.

орлецовый — цвета орлеца (красного родонита); вишнево-розовый.

осенний закат — тревожный багряно-красный

осенние сумерки — лиловато-серый

открытое небо — открытый голубой

отлив — грязноватый сине-зеленый

оттенок весны — нежно-оливковый

офисный зеленый — цвет зеленого бильярдного сукна

парижская грязь — булыжный

парчовый — золотой

пасхальный красный — охристо-алый

патина Исаакия — салатовый, зеленый с седым налетом

пепел розы — розовато-серый

персидский голубой — голубой с лиловым оттенком

песчаная буря — желтовато-серый

петербургский рассвет — однообразный тоскливо-серый с малиновым проблеском

подводное течение — темная морская волна

подмосковный загар — средне-смуглый

пожар в джунглях — аналог англ. Hotskins: на черном фоне полыхают оранжевые, алые и желтые краски

поздняя осень — темно-бурый

поземка — холодный сизо-белый

полночная синь — черно-синий

полынья — темно-свинцовый

померанцевый — ярко-оранжевый.


порфировый — цвет пурпурной мантии,одеваемой монархом в торжественных случаях.

предпасхальная бирюза московского неба — ярко-голубой

прерия — выгоревший зеленый

пряный бальзам — коричнево-красный

пунцовый — ярко-красный.

пустыня — желто-бежевый.

пучина океана — сине-черный.

цвет пьяной вишни — сероватый бордо.

ранние сумерки — голубовато-серый.

ранняя весна — прозрачный светло-голубой

ранняя осень — золотисто-зеленый

рассвет в ущелье — розовато-серый

рассвет на Валдае — красно-розовый

рассвет на Эльбрусе — светло-голубой с красным и белым

рдяный — красный,алый.

редмахагони — цвет красного дерева

розмариновый — сиренево-лиловый.

рубин Моголов — глубокий малиновый

саванна — выгоревший желто-зеленый

санрайз — розово-красный.

свежее утро — нежный розовато-голубой

свет утра — розово-серый

северное сияние — переливающийся голубовато-розовый

северный восход — малиновый

седое алоэ — белесый зеленый

седой кирпич — кирпично-красный с белесым налетом

серебристо-полярный — серебристый голубовато-белый

серый прибой — серовато-голубой

синева южного неба — бархатно-синий

сиреневые сумерки — сиренево-серый

сиреневый дождь — прозрачный сиренево-серый

ситец летнего неба — ярко-голубой

скалы — серо-коричневый

скандинавские фьорды — мрачный синевато-серый

слоеное мороженое — сочетание молочно-белого, розового и светло-коричневого

смальта (или шмальта) — ярко-синий

смарагдовый сомик — глянцевый сочно-зеленый

смог над городом — светлый графитно-серый

смуглый мед — цвет светлого гречишного меда: золотисто-коричневый

смурый — тёмно-серый

солнечная роса — перламутрово-желтый

солнце в пустыне — слепящий желто-белый

старинные румяна — пунцово-красный

старое бургундское — темно-красный

старый аквариум — мутно-зеленый

студеный ручей — стальной голубой

стюардесса — ярко-синий

сумерки — пасмурно-серый

сургучный — цвет почтового сургуча, коричневый.

таежное урочище — цвет темно-зеленой хвои

таежный омут — зелено-черный

таинственный лес — мрачный серо-зеленый

тень — средне-серый

терракотовый — цвета терракоты, тёмно-рыжий, кирпично-красный, медно-красный.

тихая заводь — цвет темно-зеленой тины

туман у импрессионистов — серебристо-розовый

тусклый день — тусклый серо-голубой

утренние скалы — розовато-серый

утренние сумерки — голубовато-серый

утренний асфальт — розоватый белесо-серый

утренний плес — розово-песочный

утренний смог — полупрозрачный светло-серый

утренняя дымка — прозрачный дымчато-голубой

уходящее солнце — красно-золотой

флорентийская эмаль — яркий индиго

флотский синий — темно-синий

французский беж — изысканный бежевый

хмурое утро — тревожно-серый

холодное небо — светло-голубой

цветущая сакура — бледно-сиреневый.

червонный — красный,алый

черная слеза — блестящий черный

чернила осьминога — темно-фиолетовый

черные сумерки — бархатный черный.

чесучовый — цвета чесучи, желтовато-песочной шелковой ткани.

шабо — чёрный какао.

шамуа — похожий на цвет верблюжьей шерсти, светло-коричневый, «кремовый».

шафранный — тёмно-жёлтая расцветка.

шотландский красный — чистокрасный.

шубка крота — чёрный кофе.

южный загар — шоколадно-смуглый

южная лазурь — глубокий синий

южная ночь — бархатисто-черный

ягода — светло-розовый

янтарный — тёмно-жёлтый, медовый.

яринный — зеленый

яркая лазурь предмайского неба — яркий небесно-голубой

ясписовый (греч.Iaspis’яшма’) — от песочного до ярко-красного.

яхонтовый — цвет рубина или сапфира, чаще рубина (корунд тёмно-красного цвета).

http://www.compuart.ru/Article.aspx?id=8712 — первоначальный вариант списка. ***

www.kakras.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector