Свойство CSS «background-color» используется для установки цвета фона элемента на веб-странице. При использовании свойства «background-color» вы можете указать цвет, используя цветовую модель RGBA, которая означает красный, зеленый, синий и альфа. Цветовая модель RGBA также позволяет вам определить непрозрачность или прозрачность цвета.

Вот несколько способов указать цвет фона с помощью RGBA в CSS:

1. Метод 1: встроенный стиль

   <div ></div>

2. Метод 2: внутренний CSS

   <style>
    .my-element {
      background-color: rgba(0, 255, 0, 0.7);
    }
   </style>
   <div class="my-element"></div>

3. Метод 3: внешний CSS

   .my-element {
    background-color: rgba(0, 0, 255, 0.3);
   }

   <link rel="stylesheet" href="styles.css">
   <div class="my-element"></div>

4. Метод 4: CSS-селекторы

   div {
    background-color: rgba(255, 255, 0, 0.8);
   }

   <div></div>
   <div></div>

5. Метод 5: переменные CSS

   :root {
    --bg-color: rgba(0, 0, 0, 0.2);
   }
   .my-element {
    background-color: var(--bg-color);
   }

   
   <div class="my-element"></div>