Html цвет фона: Как изменить цвет фона и текста веб-страницы?

18.11.2019 Facebook Twitter LinkedIn Google+ Разное

Содержание

Цвет фона страницы html | Вопросы и ответы. Все о дизайне и создании сайтов

Цвет фона — это один из важных элементов любой интернет-страницы. Главная задача фона — формировать у пользователя настроение и привлекать внимание, делать восприятие информации на сайте удобным и легким.Атрибуты фона для веб-страниц — тег <body> и bgcolor.

Меняем цвет фона и шрифта в HTML коде сайта

В данной статье речь пойдет о том, как же самостоятельно изменить цвет шрифта и фона в HTML-коде, т.е. на странице сайта. Проще всего сделать это при помощи CSS.

Первое, что необходимо запомнить, цвета в CSS указываются также, как и в HTML. А если подробнее, то вы можете указывать их как в шестнадцатеричном значении, к примеру #ff3355, так и указывать название цвета (red, blue, green и прочие).

А теперь давайте рассмотрим более подробно свойства. Начать стоит со свойства color, которое задает основной цвет или цвет переднего плана любого элемента. К примеру, если вы хотите задать синий цвет для текста, форма записи будет <span style=»color: blue»>оформление текста </span>.

Существует также атрибут background-color, который отвечает за параметры фона. С его помощью можно изменить цвет фона. К примеру, если вы хотите задать фон текста красного цвета, форма записи будет <span style=»background-color: red»>оформление текста </span>.

Вставить фоновое изображение для элемента, поможет свойство background-image. Если одновременно для элемента задать цвет фона, то от не будет отображаться до того момента, пока фоновое изображение не загрузиться полностью.

Задать начальное положения для фонового изображения, поможет свойство background-position. Свойство имеет два значения, положение может быть как по горизонтали, так и вертикали. Кроме того, положение может быть задано в процентах, пикселях и других удобных для вас единицах.

Не можете найти ответ на вопрос?

Как изменить цвет текста и цвет фона в HTML?

Как запустить видеоурок:
  1. Разархивировать скачанный файл.
  2. Открыть папку index.
  3. Запустить файл index.html в браузере.
Добро пожаловать в пятый видеоурок по курсу HTML. Из прошлого видеоурока вы узнали про параграфы и заголовки в HTML-коде. В данном видеоуроке мы поговорим о том, как задавать цвета: цвет текста, цвет фона и др.

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

Давайте перейдем в наш код. Как видите, я убрал все лишние теги, которые у нас были и ввел атрибут color со значением #0000FF. Надеюсь, вы уже знаете, что такое теги и атрибуты.

 <font color="#0000FF"></font>

Что значит этот шестизначный код? Эти шесть символов означают задание определенного цвета нашему тексту. Введем в качестве текста «Синий цвет»:

 <font color="#0000FF">Синий цвет</font>

Вышеупомянутые шесть знаков задают именно синий цвет. Чтобы узнать, какие символы задают тот или иной цвет, можно посмотреть таблицу от сайта http://addedbytes.com, которая приложена к видеоуроку. Например, чтобы написать красный цвет, вы берете значение #CC0000.

Перейдем обратно в код. Давайте сохраним и проверим нашу страничку. Переходим в браузер. Обновляем. Как видите, появился текст синего цвета.

Давайте зададим тексту заголовка h3 красный цвет. Находим <h3> и вводим теги <font></font>:

 <font color="#CC0000"><h3>Текст заголовка h3</h3></font>

Сохраняем. Проверяем в браузере. Как видим, текст стал красного цвета.

Теперь давайте рассмотрим другие атрибуты тега <font>. Перейдем в код и зададим гарнитуру нашего текста. Она задается атрибутом face. Что такое гарнитура? Гарнитура –  это шрифт нашего текста. Например, Monotype Corsiva.

 <font face="Monotype Corsiva" color="#CC0000"><h3>Текст заголовка h3</h3></font>

Проверяем. Как видим, шрифт заголовка изменился.

Перейдем в код и зададим размер нашего текста. Это делается с помощью атрибута size.

 <font size="6" color="#0000FF">Синий цвет</font>

Сохраним и посмотрим. Наш текст увеличился. Тег <font> мы разобрали.

Допустим, мы хотим, чтобы весь текст, которому не задан определенный цвет с помощью дополнительных тегов и атрибутов, отображался какого-либо цвета. Для этого нам нужно в теге <body> ввести атрибут text. Зададим, например, зеленый цвет.

 <body text="#00CC00">

Сохраняем. Обновляем страницу в браузере. Как видим, текст стал зеленого цвета.

Как изменить цвет фона?

Теперь перейдем к последней части видеоурока. Зададим цвет фона нашей странице. Он задается атрибутом bgcolor.

 <body text="#00CC00" bgcolor="#00CCCC">

Сохраним и проверим в браузере. Как видите, цвет фона стал голубым. Давайте лучше поставим желтый.

 <body text="#00CC00" bgcolor="#FFFF00">

Сохраняем. Проверяем. Стало посимпатичнее.

На этом всё. До встречи в следующем видеоуроке, в котором мы познакомимся с огромной массой дополнительных параметров текста.

Цвета. Утилиты · Bootstrap. Версия v4.0.0

Передача значения через цвет с помощью нескольких полезных классов. Включает поддержку ссылок на стиль в hover-состоянии.

Цвет

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white

<p>.text-primary</p>
<p>.text-secondary</p>
<p>.text-success</p>
<p>.text-danger</p>
<p>.text-warning</p>
<p>.text-info</p>
<p>.text-light</p>
<p>.text-dark</p>
<p>.text-muted</p>
<p>.text-white</p>

Классы контекстуального текста также работают хорошо на ссылках, где заданы hover и focus. Заметьте, что классы .text-white and .text-muted не имеют ссылочной стилизации.

<p><a href="#">Primary link</a></p>
<p><a href="#">Secondary link</a></p>
<p><a href="#">Success link</a></p>
<p><a href="#">Danger link</a></p>
<p><a href="#">Warning link</a></p>
<p><a href="#">Info link</a></p>
<p><a href="#">Light link</a></p>
<p><a href="#">Dark link</a></p>
<p><a href="#">Muted link</a></p>
<p><a href="#">White link</a></p>

Цвет фона

Как и в цветовых классах контекстуального текста, задавайте фон любому контекстуальному классу. Компоненты ссылки будут затемняться по наведению, как и классы текста. В утилитах фона не задается атрибут color, так что в некоторых случаях вам понадобится утилиты .text-*.

.bg-primary

.bg-secondary

.bg-success

.bg-danger

.bg-warning

.bg-info

.bg-light

.bg-dark

.bg-white

<div>.bg-primary</div>
<div>.bg-secondary</div>
<div>.bg-success</div>
<div>.bg-danger</div>
<div>.bg-warning</div>
<div>.bg-info</div>
<div>.bg-light</div>
<div>.bg-dark</div>
<div>.bg-white</div>

Градиентный фон

Когда карта $enable-gradients задана как true, вы сможете использовать классы .bg-gradient-. По умолчанию карта $enable-gradients деактивирована, а код примера ниже специально «сломан». Это сделано для более легкой настройки с самого начала пользования Bootstrap. Узнайте о параметрах Sass, об активации этих классов и т.д.

.bg-gradient-primary

.bg-gradient-secondary

.bg-gradient-success

.bg-gradient-danger

.bg-gradient-warning

.bg-gradient-info

.bg-gradient-light

.bg-gradient-dark

<div>.bg-gradient-primary</div>
<div>.bg-gradient-secondary</div>
<div>.bg-gradient-success</div>
<div>.bg-gradient-danger</div>
<div>.bg-gradient-warning</div>
<div>.bg-gradient-info</div>
<div>.bg-gradient-light</div>
<div>.bg-gradient-dark</div>
Специфические случаи

Иногда контекстуальные классы нельзя применять из-за специфики другого селектора. В некоторых случаях эффективным «костылем» может стать оборачивание содержимого вашего элемента в <div> с классом.

Использование вспомогательных технологий

Использование цвета как дополнительного инструмента информативности доступно только в визуальной сфере, что ограничивает пользователей вспомогательных технологий, например, программ для чтения текста с экрана. Удостоверьтесь, что информация, обозначенная цветом, также доступна из самого контента (т.е. в тексте) или содержится в альтернативных средствах – таких как дополнительный скрытый в классе .sr-only текст.

Не удается найти страницу | Autodesk Knowledge Network

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}}*

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}}/500 {{l10n_strings.TAGS}} {{$item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.DRAG_TEXT}}  

{{l10n_strings.DRAG_TEXT_HELP}}

{{l10n_strings.LANGUAGE}} {{$select.selected.display}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}  

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

Цвета html.

Урок 7.

Тексту можно задать абсолютно любой цвет, в этом уроке мы разберем как это делается.

Для начала давайте применим к тексту тег &ltfont&gt и зададим ему параметр color со значением red.

Как вы уже догадались, цвет текста будет красный. Давайте откроем наш файл в браузере, перед этим не забудьте сохранить изменения в Notepad.

Пока что ничего нового мы не изучили. Подобную операцию мы уже выполняли, но в прошлый раз мы задавали тексту не красный цвет, а зеленый. HTML знает только основные название цветов, например: green, yellow, black, grey, brown и другие. А что делать если тексту нужно задать серо-буро-малиновый цвет? Этому и посвящен данный урок.

У каждого цвета есть свой цифровой html код. Например, у красного цвета html код «#FF0000», соответственно, если в нашем html коде параметру color дать значение «#FF0000» вместо «red» , то ничего не поменяется и в браузере текст будет выводиться по прежнему красный. Попробуйте это на практике.

Генератор цвета html.

Узнать html код нужного цвета очень просто. Самый удобный вариант — воспользоваться генератором цвета html. Ниже Вам представлено два генератора цветов. Пользоваться ими проще простого, все интуитивно понятно. Кликните мышкой на нужный цвет, и программа выдаст html код выбранного цвета.

В первом генераторе можно выбрать любой цвет известный природе. Второй же генератор по выбору цветов ограничен, но за то удобен в использовании.

В дальнейшем, когда Вы будете делать свои собственные сайты, то генератор цветов html будет Вам в помощь. Заходите ко мне на сайт, выбирайте 7-ой урок и пользуйтесь генератором цветов сколько душе угодно!

Меняем цвет фона страницы.

Сейчас мы будем оперировать с тегом &ltbody&gt, напомню, это тег входящий в структуру html страницы. Если Вы забыли, что это за тег, то смотрите 4-ый урок. К тегу &ltbody&gt можно применять параметр (атрибут) bgcolor. Этот атрибут отвечает за цвет фона.

Значение для атрибута bgcolor в теге &ltbody&gt, задается точно так же, как значение атрибута color в теге &ltfont&gt.

Теперь давайте воспользуемся генератором цвета html и зададим цвет фона для нашей страницы. HTML код будет выглядеть следующим образом:

Я выбрал бирюзовый цвет для фона страницы, надпись по прежнему красная. Вы можете выбрать любые другие цвета. Не забывайте сохранить изменения в Notepad перед тем как открыть файл в браузере.
Результат:

Вы что-то не поняли из этого урока? Спрашивайте!
— [email protected]

ВАДИМ, ТЫ ОЧЕНЬ СИЛЬНО МНЕ ПОМОГ, Я ХОЧУ ОТБЛАГОДАРИТЬ ТЕБЯ

Изменение цвета фона фиксированного стиля шаблона «Protostar» в Joomla 3

Сразу заострю внимание на том, что всё, ниже изложенное касается стилей шаблона «Protostar» при положении переключателя «Тип контейнера» в положении «Резиновый» (горит красная кнопка). В этой статье рассмотрим, как поменять фон сайта, работающего на CMS Joomla с шаблоном «Protostar» с помощью админки, без изменений исходного кода шаблона и его стилей CSS.

Вкладка «Дополнительные параметры» стиля шаблона Protostar

Первым делом нужно открыть список стилей шаблонов в админке Joomla и выбрать стили шаблона Protostar.

Нас интересует вкладка «Дополнительные параметры». Напомню, что положении переключателя «Тип контейнера» в должен быть в положении «Резиновый» (активна красная кнопка):

Значение по умолчанию поля «Цвет фона» параметров шаблона Protostar

Значение по умолчанию поля «Цвет фона» параметров шаблона Protostar автоматически выставлено #f4f6f7. Даже если его удалить, то после сохранения изменений, это значение автоматически восстановится.

С этим значение цвета фона шаблон сайта выглядит так:

Изменение цвета фона фиксированного стиля шаблона «Protostar»

Поменяем значение цвета фона с помощью клавиатуры вписав код цвета или с помощью мышки инструментом пипетка, выбрав цвет из палитры, которая включается если кликнуть по квадратику в начале поля «Цвет фона».

После изменения значения цвета фона, чтобы увидеть изменения в шаблоне, нужно сохранить настройки с помощью одной из кнопок сохранения, расположенных в верхнем ряду кнопок управления «Менеджера шаблонов»:

Новый вид дизайна с изменённым цвета фона шаблона Protostar

После того, как изменения в настройках шаблона сохранены, нужно перезагрузить (или открыть) страницу сайта. Изменения в цвете шаблона очевидны:

Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

цвет символов и фона в окне консоли.

Команда COLOR задает цвет символов и цвет фона в окне консоли .

Формат командной строки:

COLOR [цвет фона][цвет текста]

Цвет задается шестнадцатеричной цифрой, Старший бит определяет яркость, а последующие биты — цвет :

Бит 0 — яркость
Бит 1 — красный ( R )
Бит 2 — зеленый ( G )
Бит 3 — синий ( B )

По умолчанию, используются белые буквы на черном фоне — цвет фона = 0 , цвет символов =7. Значения битов задают комбинацию цветов, так например, для желтого цвета используется установка битов 1 и 2 ( Красный и Зеленый). Команда для установки яркого синего цвета ( 9 ) на желтом фоне ( 6 ) : color 69

То же, но на ярком желтом фоне:

color E9

color F0 — черные символы на ярком белом фоне, color 0F — наоборот, белые яркие символы на черном фоне. .

Каждая цифра может иметь следующие значения:

0 = Черный

1 = Синий

2 = Зеленый

3 = Голубой

4 = Красный

5 = Лиловый

6 = Желтый

7 = Белый

8 = Серый

9 = Светло-синий

A = Светло-зеленый

B = Светло-голубой

C = Светло-красный

D = Светло-лиловый

E = Светло-желтый

F = Ярко-белый

Если в команде COLOR задана только одна цифра, то она определяет цвет символов на черном фоне (значение цвета фона воспринимается как 0 ):

COLOR 1 — синие буквы на черном фоне, как в команде COLOR 01

Если аргумент не указан, команда восстанавливает исходный набор цветов, каким он был на момент запуска CMD.EXE. Этот набор определяется из значения ключа /T, если он был задан при запуске интерпретатора CMD.EXE, или из значения параметров реестра, определяющих пользовательские настройки для интерпретатора команд:

HKEY_LOCAL_MACHINE\ SOFTWARE\ Microsoft \Command Processor\ DefaultColor — для всех пользователей.

HKEY_CURRENT_USER\ Software\ Microsoft\ Command Processor\ DefaultColor — для текущего пользователя. Значения параметров из раздела пользователя более приоритетны, по сравнению с параметрами раздела HKEY_LOCAL_MACHINE

Если параметр DefaultColor имеет значение по умолчанию ( REG_DWORD 0x00000000 ), то цветовой набор определяется значением параметра

HKEY_CURRENT_USER\ Console\ ScreenColors.

Команда COLOR возвращает значение кода ошибки ERRORLEVEL равный 1 при попытке вызова этой команды с совпадающими значениями цвета текста и цвета фона, например — COLOR 00 .

Весь список команд CMD Windows

HTML | Атрибут bgcolor

HTML | Атрибут bgcolor

Атрибут HTML bgcolor используется для определения цвета фона документа.
Синтаксис:

Значения атрибутов:

  • color_name: Указывает имя цвета фона документа.
  • hex_number: Указывает шестнадцатеричный код цвета фона в документе.
  • rgb_number: Указывает значение rgb для цвета фона в документе

Пример:

html

tml

tml >

< голова >

< title >

HTML body Bgcolor Attribute

title title >

голова >

< корпус текст = «зеленый» bgcolor = «оранжевый» >

< центр >

< h2 > GeeksforGeeks h2 >

< h3 >

HTML < body > Атрибут bgcolor

h3 >

< p >

Это компьютер

Научный портал для гиков

p >

центр >

корпус >

html >

Выход:


Поддерживаемые браузеры: Браузеры, поддерживаемые атрибутом bgcolor , перечислены ниже:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

Как изменить цвет фона в информационном бюллетене электронной почты в формате HTML

Как изменить цвет фона для тела, таблицы и ячейки в электронном письме в формате HTML Информационный бюллетень

Как изменить цвет фона сообщения?

  • Найдите <тег тела и добавить / изменить цвет фона:
    e.грамм. Цветовой код - HEX #RRGGBB.
  • Многие шаблоны используют фоновую таблицу, потому что некоторые клиенты вырезают тег body.
    Убедитесь, что вы также измените цвет фона таблицы.

...









<таблица border = "0" cellpadding = "0" cellspacing = "0">

Здравствуйте! Весь мир!







...

Как изменить цвет фона таблицы?

Найдите тег

например.
Цветовой код - HEX # RRGGBB #.
или

...





Привет, мир!

...

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

Мы используем "контентные" таблицы (с одним ячейка) в большинстве шаблонов с несколькими столбцами, чтобы убедиться, что макет ячейки / таблицы фиксированный.
Изменить фон цвет таблицы "содержимого" вместо родительской ячейки (ЛЕВАЯ ЯЧЕЙКА в примере ниже):

...
<ТАБЛИЦА
border = "0" cellspacing = "0" cellpadding = "0">



<ТАБЛИЦА bgcolor = "# FF0000" width = "300" border = "0" cellspacing = "0" cellpadding = "0">


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





...


...

Альтернативный вариант: найдите тег

например Цветовой код - HEX #RRGGBB.
или

Мы рекомендуем вместо этого использовать таблицы «содержимого», поскольку некоторые почтовые клиенты могут не поддерживать цвета фона ячеек!

Как добавить границу вокруг таблицы или ячейки?

Найдите тег

e.грамм. нарисовал бы пунктирную Граница 1px и цвет #CCCCCC вокруг ячейки.
например <таблица
будет рисовать сплошную синюю рамку 5 пикселей вокруг стол.

Вы можете использовать: border, border-left, border-right, border-top, нижняя граница и комбинации:
например. будет нарисуйте линию (границу) слева и справа от ячейки сплошным красным цветом 1px.

Учебное пособие по шаблону

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

Обновлено: 21.05.2018 компанией Computer Hope

Ниже приведены инструкции по изменению цвета фона веб-страницы в HTML и CSS.Хотя цвет фона можно задать с помощью тега HTML BODY, мы рекомендуем вам указать значения цвета фона в CSS, как показано ниже.

Кончик

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

Пример CSS

В приведенном ниже примере CSS мы устанавливаем для тела черный цвет фона, добавляя «background-color: # 000;» в корпусе блока.Поскольку цвет фона черный, цвет текста необходимо изменить на более светлый, иначе он не будет виден. Итак, мы устанавливаем белый цвет текста, добавляя «color: #fff;» в блок.

 body {
  семейство шрифтов: Helvetica, Arial, sans-serif;
  цвет фона: # 000;
  цвет: #fff;
}

Если на странице не используется CSS, ниже приведены шаги по выполнению того же стиля в теге BODY HTML. Однако, как упоминалось ранее, мы настоятельно рекомендуем использовать приведенный выше код CSS вместо тега body.Если вы используете стили CSS, вы можете изменить значения цвета фона один раз, и изменения будут автоматически применены ко всем элементам HTML, использующим этот стиль.

Пример тега HTML-кода

В очень редких случаях использование CSS может оказаться невозможным. Для таких ситуаций вы также можете определить цвет фона, цвет текста, цвет ссылки и другие значения в теге тела HTML, как показано ниже.

Ниже приведены описания каждого из атрибутов HTML в теге body.

ТЕКСТ = Цвет текста.
ССЫЛКА = Цвет ссылок.
VLINK = Цвет посещенной ссылки.
ALINK = Цвет активной ссылки или цвет, на который ссылка меняет при нажатии.
BGCOLOR = Цвет фона страницы.

Кончик

На этой странице ссылка имеет синий цвет, ссылки, которые вы уже посетили, - фиолетовый, а ссылки, на которые вы наводите курсор или нажимаете, - красный.

В HTML, как изменить цвет текста и фона в Интернете страница?

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

Чтобы изменить цвет текста и фона веб-страницы, вам необходимо для включения дополнительных атрибутов в HTML тег. Если сайт, который вы создаете, содержит более одной страницы, вы можете укажите эти атрибуты для всех ваших страниц в едином стиле простынь. Подробнее см. В АРХИВЕ: что такое CSS?

Используйте атрибут bgcolor, чтобы изменить цвет фона, как показано ниже:

Значение цвета указывается двумя шестнадцатеричными цифрами. каждый для интенсивности красного, зеленого и синего цветов.Значение 00 самое темное и ff - самый светлый, с промежуточными значениями, определяющими оттенки в между. Например, чтобы указать белый цвет, используйте #ffffff. Чтобы указать яркое синий, используйте # 0000ff. Для фиолетового используйте # ff00ff. Для получения дополнительной информации см. АРХИВИРОВАНИЕ: каковы значения RGB некоторых распространенных цветов?

Вы можете использовать другие атрибуты аналогичным образом, чтобы указать цвета. используется для отображения текста. Используйте текстовый атрибут для обычного текста, атрибут ссылки для непосещенных ссылок, атрибут vlink для ранее посещенные ссылки и атрибут alink для активных ссылок.(Ссылка становится активным при нажатии на него.) Например, чтобы все было нормально текст будет белым, а все ссылки - красными, вы должны использовать:

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

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

Тщательно выбирайте цвета, чтобы текст был легко видимый. Например, если вы используете темный цвет фона, вы следует использовать светлые цвета для текста и ссылок, чтобы обеспечить удобочитаемость.

CSS цветовых кодов и названий

цветовых кодов и названий CSS.

CSS цвет

Цветовой код может быть одним из:

Шестнадцатеричный формат: #rrggbb

Формат RGB: RGB (красный, зеленый, синий)

Формат имени: имя

Пример

Для оранжевого цвета:

Шестнадцатеричный формат: # FFA500

Формат RGB: RGB (255,165,0)

Формат имени: оранжевый

Настройка цвета элемента

Для конкретного элемента:

Для всех элементов одного типа.Поместите код в тег

Пример

Установка красного цвета текста абзаца:

Установка цвета определенного абзаца:

Немного текста ...

Просмотр:

Немного текста ...

Установка цвета всех абзацев

<стиль>
п {цвет: # FF0000; }

Настройка цвета фона элемента

элемент {фон: код ; }

Пример

Установка красного цвета фона абзаца:

Установка цвета фона определенного абзаца:

Какой-то текст...

Просмотр:

Немного текста ...

Установка цвета фона всех абзацев:

<стиль>
p {фон: # FF0000; }

Настройка цвета границы элемента

элемент {border-color: topcode rightcode bottomcode leftcode }

Пример

Установка красного, зеленого, синего и черного цвета границы абзаца:

Установка цвета границы конкретного абзаца:

Какой-то текст...

Просмотр:

Немного текста ...

Установка цвета границы всех абзацев:

<стиль>
п {цвет границы: # FF0000 # 00FF00 # 0000FF # 000000; }

Красный цвет

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
лосось светлый # FFA07A гб (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C гб (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 гб (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)

Оранжевый цвет

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
коралл # FF7F50 гб (255,127,80)
помидор # FF6347 гб (255,99,71)
оранжевый красный # FF4500 гб (255,69,0)
золото # FFD700 гб (255,215,0)
оранжевый # FFA500 гб (255,165,0)
темно-оранжевый # FF8C00 гб (255,140,0)

Желтые цвета

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
светло-желтый # FFFFE0 гб (255,255,224)
лимонный шифон #FFFACD гб (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палеголденрод # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 гб (255,255,0)

Зеленые цвета

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 rgb (0.255,0)
лесозеленый # 228B22 гб (34,139,34)
зеленый # 008000 гб (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A гб (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
бледно-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
Сигрин # 2E8B57 RGB (46,139,87)
оливковый # 808000 гб (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливедраб # 6B8E23 гб (107,142,35)

Голубые цвета

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF гб (0,255,255)
аква # 00FFFF гб (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA гб (102,205,170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюза # 40E0D0 RGB (64,224,208)
средний бирюзовый # 48D1CC RGB (72,209,204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-голубой # 20B2AA гб (32,178,170)
кадетсиний # 5F9EA0 гб (95,158,160)
темно-синий # 008B8B гб (0,139,139)
бирюзовый # 008080 RGB (0,128,128)

Синий цвет

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
светло-голубой # 87CEFA RGB (135 206 250)
голубой # 87CEEB RGB (135,206,235)
темно-синий # 00BFFF гб (0,191,255)
голубой # B0C4DE RGB (176,196,222)
dodgerblue # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100,149,237)
голубой # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD гб (0,0,205)
темно-синий # 00008B гб (0,0,139)
военно-морской флот # 000080 гб (0,0,128)
полуночно-синий # 1

 RGB (25,25,112)
средний синий # 7B68EE RGB (123 104 238)
голубой # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)

Пурпурный

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221,160,221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF гб (255,0,255)
пурпурный # FF00FF гб (255,0,255)
среднеорхид # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 гб (128,0,128)
индиго # 4B0082 гб (75,0,130)

Розовые тона

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
Hotpink # FF69B4 гб (255,105,180)
диппинк # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219 112 147)
средний фиолетовый # C71585 RGB (199,21,133)

Цвета белого

антикв
Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
белый #FFFFFF гб (255,255,255)
снег #FFFAFA гб (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
белый привидение # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
старое # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 гб (255,250,240)
слоновая кость # FFFFF0 гб (255,255,240)
белый # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
бледно-лиловый # FFF0F5 RGB (255 240 245)
Мистироуз # FFE4E1 rgb (255,228,225)

Серые цвета

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
Гейнсборо #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211,211,211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 гб (105,105,105)
световой серый # 778899 гб (119,136,153)
серый # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 гб (0,0,0)

Коричневые цвета

Цвет HTML / CSS
Название цвета		 Шестнадцатеричный код
#RRGGBB		 Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквит # FFE4C4 RGB (255 228 196)
навайовайт #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C гб (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 гб (244,164,96)
золотарник # DAA520 RGB (218,165,32)
Перу # CD853F RGB (205,133,63)
шоколад # D2691E гб (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D гб (160,82,45)
коричневый # A52A2A гб (165,42,42)
бордовый # 800000 гб (128,0,0)

См. Также

Как установить цвет фона и переднего плана на веб-странице

Doohickey

Мой любимый камень теряет.

В веб-дизайне цвет переднего плана обычно относится к цвету текста, а цвет фона - к цвету страницы. В качестве потрясающего визуального примера мы видим, что значок справа показывает цвет переднего плана желтым, а цвет фона - пурпурным. Ладно, может, не так уж и красиво, но лучше, чем ткнуть в палку острым глазом.

При кодировании цвета переднего плана (цвета текста) термин , цвет используется для указания свойства CSS. Это отличается от цвета фона, в котором используется переносимый термин background-color .

В следующем примере кода показано, как установить цвета переднего плана и фона для всей веб-страницы:

тело {цвет: # DAD9C2;
      цвет фона: # 4D3722;}
Благодаря этому во внешней таблице стилей любая веб-страница, связанная с этой таблицей стилей, будет иметь текст, отображаемый темно-коричневым цветом на кремовом фоне, если только он не был переопределен встроенным или встроенным стилем или пользовательской таблицей стилей.

Теперь вы знаете, как добавить цвет текста и цвет фона на веб-страницу.Вы можете применить свойства color и background-color к любому элементу HTML, хотя это не имеет большого смысла для некоторых элементов, а нечетное использование может поддерживаться не всеми браузерами. Обычно используются абзацы, подразделения, интервалы, таблицы, ячейки данных таблиц, заголовки и, конечно же, элемент body, как показано выше.

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

Встроенные или внешние стили
h2 {color: # D77BA9;}
h3 {background-color: # E97443;}

Встроенный стиль

 содержание
В первом примере Айв изменил цвет текста для элемента заголовка h2. Во втором примере я изменил цвет фона для элемента заголовка h3.В последнем примере я использовал правило встроенного стиля, чтобы изменить цвет фона абзаца на «бурливуд».

Вау, это был красочный урок.

Почти информационный бюллетень

Изменение списка хостов. Скоро опубликую новую форму подписки.

Знаете ли вы ...

На сайте участника есть около 100 соответствующих стандартов HTML и CSS руководств, 31 удобная справочная таблица, перепечатываемый контент, веб-графика, эксклюзивные шрифты, бесплатное программное обеспечение, бесплатные электронные книги и многое другое? И все это менее чем за 9 центов в день! [ Подробности ]

Почему Table Bgcolor больше не является действительным кодом (и что использовать вместо него) »

В атрибутах HTML

Раскрытие: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице.Узнать больше
Атрибут
Быстрое и легкое создание HTML-таблицы с помощью нашего примера кода
Что делает Почему таблица Bgcolor больше не является действительным кодом (и что использовать вместо этого) ?
Используется для установки цвета фона таблицы HTML. Этот атрибут устарел. Используйте CSS для стилизации таблиц.

Пример кода 

  

  
  Первый столбец   Второй столбец   Третий столбец  

  
  Первый столбец   Второй столбец   Третий столбец  

  
  Первый столбец   Второй столбец   Третий столбец
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонка

Цвета фона таблицы стилей

bgcolor когда-то был правильным способом указать цвет, который будет применяться к фону таблицы.Однако этот атрибут устарел в пользу использования CSS для стилизации таблиц. Атрибут по-прежнему работает в большинстве браузеров и может принимать названия цветов, шестнадцатеричные цветовые коды и значения RGB.

Comments
Leave Comment