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

Как установить Background - что это такое, где используется.

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

Свойство 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

    Буквально вчера делали тему -> "Предопределенный цвет 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 |
Последняя дата редактирования : 2020-05-01 04:43
Теги:
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 background image color div background color button background color background color none

Последние комментарии :
Александр :
04/06/2020 01:42
Спасибо)
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb