Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Цвет заднего фона свойство background-color примеры

Поддержи проект!!! smile

background-color - цвет заднего фона элемента. Что такое background-color, как переводится, где используется background-color

Всё о background-color, как использовать

  1. Background-color - значение по умолчанию! -> перевод
  2. Background-color на всю страницу сайта через файл css
  3. Background-color через тег style
  4. Задать background-color внутри тега body
  1. Background-color - значение по умолчанию! -> перевод

    По умолчанию свойство background-color:

    background-color – transparent / прозрачный /.
     

    Как переводится background-color

    background-color состоит из трех слов:

    back -> "задний" прилагательное.

    ground -> "земля" существительное.

    color -> "цвет" существительное.

    Итого получилось -> background-color -> цвет заднего фона.

    Где взять цвета для заднего фона background-color

    Интересный вопрос - "Где взять цвета для заднего фона background-color". Мх можно взять отсюда:

    "Предопределенный цвет html"

    И если этих цветов для заднего фона не достаточно, то можно использовать для подбора цвета - генератор цвета!

  2. Background-color на всю страницу сайта

    Как можно установить background-color на сайте!?

    Для данного параграфа у нас есть:

    Пример background-color

    Скачать данный пример background-color на странице со скриптами

    background-color можно устанавливать как минимум тремя способами:
    Для того, чтобы поставить background-color на всю страницу, нам понадобится каркас страницы:

    Код простой страницы html

    Создаем файл css

    Подключаем к странице

    Цвета для background-color берем здесь или здесь

    body{
    background-color: #F7D7D7;
    }

    Смотрим, что у нас получилось:

    Пример background-color

  3. Задать background-color через тег style

    Для данного параграфа у нас есть:

    Пример страницы с background-color через тег style

    Скачать данный пример на странице со скриптами

    Следующий вариант установки background -> background-color через тег style

    Как и в предыдущем параграфе, берем код простой страницы html

    Ищем на странице в самом верху тег head

    <head></head>

    Добавляем в этот тег head новый тег style:

    <style></style>

    Прописываем background-color стили внутри тега style, цвет чуть изменим, чтобы примеры не перепутывались:

    body{
    background-color:#0085cc9e; /* Цвет фона веб-страницы*/
    }
    Результат background-color через тег style смотри выше и там же скачать данную страницу!

  4. Задать background-color внутри тега body

    Для данного параграфа у нас есть:

    Пример страницы с background-color внутри тега body

    Скачать данный пример на странице со скриптами

    Будем задавать background-color внутри тега body

    Нам опять понадобится код простой страницы html

    Ищем на странице в самом верху тег body

    <body></body>

    Добавляем в первый тег body [атрибут] style :

    style="background-color:#cc97009e;"

    Должно получиться вот так:

    <body style="background-color:#cc97009e;">

    Результат background-color внутри тега body


Вас может еще заинтересовать список тем : #CSS | #COLOR | #CSS_PROPERTY | #BACKGROUND |
Последняя дата редактирования : 28.01.2021 11:36
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
background color style background color css background color text background color background font color background color size height background color html background color background color url body background color div background color button background color background color none

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.