Цвет сайта как поменять


Как установить цвет страницы HTML

Для того, чтобы изменить цветовой фон страницы применяется тег bgcolor="#цвет". Вместо слова цвет вставляются цвета HTML модели RGB, из 3 основных цветов - красный, зеленый, синий. Каждый цвет состоит из 2 знаков от 0 до 9или букв от A до F.

    Пример записи черного цвета - "#000000",
белого - "#FFFFFF",
красного - "#FF0000",
зеленого - "#33CC00",
желтого - "#FFFF00".

Что бы установить цвет фона всей страницы пишем : <body bgcolor="#??????"> (порядок: красный/ зеленый/ синий). Тег bgcolor также вставляется в тот тег, который вы хотите изменить. Например
<tr bgcolor="#0000FF"> или <td bgcolor="#58F786">.

Можно сделать фоном картинку или фото <body background="?"> Чтобы изменить цвет текста на всей странице применяется параметр - text. Его надо вставить в тег <body text="#FF0000">. Если вам надо изменить цвет определенного участка текста надо применить тег <font> </font>. Запись этого будет такая<font color="#FF0000"> текст </font>.

Если вы хотите изменить цвет гиперссылок, то этот параметр записывается так:
<body link="#FF0000">.Также вы можете задать цвет активной ссылки <body alink="#цвет"> и пройденной ссылки <body vlink="#цвет">

Таблица основных цветов в HTML

Имя
Значение
Цвет
aliceblue#F0F8FF&nbsp
antiquewhite#FAEBD7&nbsp
aquamarine#7FFFD4&nbsp
azure#F0FFFF&nbsp
beige#F5F5DC&nbsp
bisque#FFE4C4&nbsp
black#000000&nbsp
blanchedalmond#FFEBCD&nbsp
blue#0000FF&nbsp
blueviolet#8A2BE2 &nbsp
brown#A52A2A&nbsp
burlywood#DEB887&nbsp
cadetblue#5F9EA0&nbsp
chartreuse#7FFF00&nbsp
chocolate#D2691E&nbsp
coral#FF7F50&nbsp
cornflowerblue#6495ED&nbsp
cornsilk#FFF8DC&nbsp
crimson#DC143C&nbsp
cyan#00FFFF&nbsp
darkblue#00008B&nbsp
darkcyan#008B8B&nbsp
darkgoldenrod#B8860B&nbsp
darkgray#A9A9A9 &nbsp
darkgreen#006400&nbsp
darkkhaki#BDB76B&nbsp
darkmagenta#8B008B&nbsp
darkolivegreen#556B2F&nbsp
darkorange#FF8C00&nbsp
darkorchid#9932CC&nbsp
darkred#8B0000&nbsp
darksalmon#E9967A&nbsp
darkseagreen#8FBC8F&nbsp
darkslateblue#483D8B&nbsp
darkslategray#2F4F4F&nbsp
darkturquoise#00CED1&nbsp
darkviolet#9400D3&nbsp
deeppink#FF1493&nbsp
deepskyblue#00BFFF&nbsp
dimgray#696969&nbsp
dodgerblue#1E90FF&nbsp
firebrick#B22222&nbsp
floralwhite#FFFAF0&nbsp
forestgreen#228B22&nbsp
fuchsia#FF00FF&nbsp
gainsboro#DCDCDC&nbsp
ghostwhite#F8F8FF&nbsp
gold#FFD700&nbsp
goldenrod#DAA520&nbsp
gray#808080&nbsp
green#008000&nbsp
greenyellow#ADFF2F&nbsp
honeydew#F0FFF0&nbsp
hotpink#FF69B4&nbsp
indianred#CD5C5C&nbsp
indigo#4B0082&nbsp
ivory#FFFFF0&nbsp
khaki#F0E68C &nbsp
lavender#E6E6FA&nbsp
lavenderblush#FFF0F5&nbsp
lawngreen#7CFC00&nbsp
lemonchiffon#FFFACD&nbsp
lightblue#ADD8E6&nbsp
lightcoral#F08080&nbsp
lightcyan#E0FFFF&nbsp
lightgoldenrodyellow#FAFAD2&nbsp
lightgreen#90EE90&nbsp
lightgrey#D3D3D3&nbsp
lightpink#FFB6C1&nbsp
lightsalmon#FFA07A&nbsp
lightseagreen#20B2AA&nbsp
lightskyblue#87CEFA&nbsp
lightslategray#778899&nbsp
lightsteelblue#B0C4DE&nbsp
lightyellow#FFFFE0&nbsp
lime#00FF00&nbsp
limegreen#32CD32&nbsp
linen#FAF0E6&nbsp
magenta#FF00FF&nbsp
maroon#800000&nbsp
mediumaquamarine#66CDAA&nbsp
mediumblue#0000CD&nbsp
mediumorchid#BA55D3&nbsp
mediumpurple#9370DB&nbsp
mediumseagreen#3CB371&nbsp
mediumslateblue#7B68EE&nbsp
mediumspringgreen#00FA9A&nbsp
mediumturquoise#48D1CC&nbsp
mediumvioletred#C71585&nbsp
midnightblue#191970&nbsp
mintcream#F5FFFA&nbsp
mistyrose#FFE4E1&nbsp
moccasin#FFE4B5&nbsp
navajowhite#FFDEAD&nbsp
navy#000080&nbsp
oldlace#FDF5E6&nbsp
olive#808000&nbsp
olivedrab#6B8E23&nbsp
orange#FFA500&nbsp
orangered#FF4500&nbsp
orchid#DA70D6&nbsp
palegoldenrod#EEE8AA&nbsp
palegreen#98FB98&nbsp
paleturquoise#AFEEEE&nbsp
palevioletred#DB7093&nbsp
papayawhip#FFEFD5&nbsp
peachpuff#FFDAB9&nbsp
peru#CD853F&nbsp
pink#FFC0CB&nbsp
plum#DDA0DD&nbsp
powderblue#B0E0E6&nbsp
purple#800080&nbsp
red#FF0000&nbsp
rosybrown#BC8F8F&nbsp
royalblue#4169E1&nbsp
saddlebrown#8B4513&nbsp
salmon#FA8072&nbsp
sandybrown#F4A460&nbsp
seagreen#2E8B57&nbsp
seashell#FFF5EE&nbsp
sienna#A0522D&nbsp
silver#C0C0C0&nbsp
skyblue#87CEEB&nbsp
slateblue#6A5ACD&nbsp
slategray#708090&nbsp
snow#FFFAFA&nbsp
springgreen#00FF7F&nbsp
steelblue#4682B4&nbsp
tan#D2B48C&nbsp
teal#008080&nbsp
thistle#D8BFD8&nbsp
tomato#FF6347&nbsp
turquoise#40E0D0&nbsp
violet#EE82EE&nbsp
wheat#F5DEB3&nbsp
white#FFFFFF&nbsp
whitesmoke#F5F5F5&nbsp
yellow#FFFF00&nbsp
yellowgreen#9ACD32&nbsp

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

Обновлено: 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 body

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

  

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

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

Наконечник

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

.

html - Как изменить цвет товаров на сайте?

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

Загрузка…

.

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

Обновлено: 31.08.2020, Computer Hope

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

Наконечник

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

Описание различных типов гиперссылок

Гиперссылки - это особые элементы на вашей странице, поскольку они интерактивны. Чтобы указать, что они интерактивны, они окрашены по-разному в зависимости от их состояния. Гиперссылка имеет три специальных цвета в дополнение к своему исходному цвету, которые представляют три различных состояния:

  1. Посещенная ссылка - Цвет посещенной ссылки. Если гиперссылка имеет этот цвет, пользователь может ожидать, что щелчок по ссылке приведет его на страницу, которую он уже видел.
  2. Ссылка при наведении - Цвет при наведении курсора мыши на ссылку. Если гиперссылка имеет этот цвет, пользователь может ожидать, что нажатие левой кнопки мыши (щелчок), а затем отпускание кнопки приведет к посещению ссылки. Цвет наведения одинаков для «Активных» и «Посещенных» ссылок.
  3. Активная ссылка - Цвет ссылки при нажатии. Когда пользователь видит этот цвет, он может ожидать, что при отпускании кнопки мыши браузер перейдет по ссылке.
Наконечник

См. Определение гиперссылки для получения дополнительной информации и вопросов, связанных с гиперссылками.

Пример цвета ссылки CSS

В приведенном ниже примере CSS мы устанавливаем цвета гиперссылок, чтобы они напоминали то, что показано на этой странице. Во-первых, все привязки устанавливаются на # 2c87f0 (оттенок синего), # 636 на оттенок фиолетового, а цвет всех наведенных и активных ссылок: # c33 (красный). Приведенный ниже код можно добавить в элемент стиля CSS или в ваш файл .css.

 a { цвет: # 2c87f0; } а: посетил { цвет: # 636; } a: hover, a: active, a: focus { цвет: # c33; } 

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

Пример тега HTML body

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

  

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

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

.

Как изменить цветовую схему веб-сайта

По умолчанию вы можете выбрать одну из цветовых схем, созданных нашими дизайнерами при разработке шаблона веб-сайта - переключение между цветовыми схемами по умолчанию доступно на всех планах uKit. Вы можете изменить цветовую схему на вкладке Design конструктора:

Как создать собственную цветовую схему?

С планом Pro вы можете создать свою собственную цветовую схему для своего веб-сайта.Для этого нажмите + Create custom scheme на вкладке Design :

После того, как вы нажмете эту кнопку, будет создана новая цветовая схема на основе той, которая в настоящее время выбрана для вашего веб-сайта. Теперь вы можете отредактировать или удалить его. Всего вы можете создать до 3-х пользовательских цветовых схем.

Если вы щелкните Edit , откроется панель редактирования цветовой схемы. На этой панели есть 5 вариантов цвета фона для блоков вашего сайта, одна из которых - фоновое изображение блока.Вы можете выбрать несколько цветов для дополнения каждого цвета фона - эти цвета будут доступны при редактировании некоторых виджетов.

Примечание:

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

Для каждой цветовой схемы можно установить:

  • цвет фона
  • 3 цвета текста, которые можно выбрать для дополнения фона

Вы можете выбрать цвет с помощью палитры цветов, а также щелкнув значок «шестеренка» и введя HEX или RGB код цвета:

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

Была ли эта статья полезной?

102 человека нашли эту статью полезной.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий