<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.