css/sass 背景だけ透過させる

<div class=" 
">
<p>opacityを使うと、この文字まで透過してしまいます。</p>
</div>


<div class="use-rgba">
<p>rgbaを使うと背景のみ透過させる事ができます。</p>
</div>

.use-opacity {
background-color: blue;
opacity: 0.7;
}

.use-rgba {
background-color: rgba(0, 0, 255, 0.7);
}