Методы установки цвета фона с помощью CSS: встроенные, внутренние и внешние стили - Fcodenotes

Свойство CSS «background-color» используется для установки цвета фона элемента на веб-странице. Вот несколько способов применить цвет фона с помощью CSS:

Метод 1: встроенный CSS
Вы можете установить цвет фона непосредственно в элементе HTML, используя атрибут style. Например:

<div >This is a red background</div>

Метод 2: внутренний CSS
Вы можете определить блок стиля в разделе «head» HTML-документа и применить цвет фона к нужным элементам. Например:

<head>
    <style>
        .my-element {
            background-color: #00ff00;
        }
    </style>
</head>
<body>
    <div class="my-element">This is a green background</div>
</body>

Метод 3: внешний CSS
Вы можете создать отдельный файл CSS с нужными стилями и связать его с вашим HTML-документом. Например:

HTML-файл:

<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="my-element">This is a blue background</div>
</body>

Файл CSS (styles.css):

.my-element {
    background-color: #0000ff;
}