<div>
    <p>Як бачимо, цей нащадок має колір тла <strong>transparent</strong>, тобто прозорий, він встановлюється за замовчуванням. Тому ми бачимо колір тла батьківського <strong>body</strong>.</p>
  </div>
  <div class="solid">
    <p>Тут ми вже встановили свій колір тла...</p>
  </div>
  <div class="alfa">
    <p>А для цього блоку в якості кольору тла встановленне rgba-значення, що додає невелику прозорість.</p>
  </div>
body {
  background-color: #a6903d;
  line-height: 1.45;
}

div {
  width: 450px;
  margin: 25px auto;
  padding: 12px;
  border: 1px solid #1D212D;
}

.solid {
  background-color: #1D212D;
  color: #fff;
}

.alfa {
  background-color: rgba(0, 0, 0, .45);
  color: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.