2021年11月16日解決済み

opacity に関して、背景色のみ薄くし、文字はそのままの色で残しておくような方法はありますでしょうか?

ユーザー

いつもわかりやすく勉強させていただいています。
ありがとうございます。

質問なのですが・・・

// HTML
<p>こんにちわ。</p>
// CSS
p {
background-color: red;
opacity: 0.1;

このようにコーディングすると、文字も一緒に色が薄くなってしまいますが、
背景色のみ色を薄くし、文字はそのままの色で残しておくような方法はありますでしょうか。

ごく当たり前な質問でしたら申し訳ありません。
初心者ゆえ、教えていただけると嬉しいです。

スタッフ

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?