今回はCSSで透明度を設定する2つの方法を紹介します。CSSで透明度を設定する際の注意点は何ですか?実際のケースを見てみましょう。
1. rgba を使用して背景色を透明に設定します
効果は次のとおりです:
<body>
<p id="box">
你好啊！
</p>
</body>
body {
background-color:red;
}
#box{
width:200px;
height:200px;
margin:100px auto;
text-align:center;
line-height:200px;
color:white;
background-color:rgba(182,255,0,.5);
}
要約: 2 つの効果を比較すると、不透明度もフォントの透明度に影響することがわかりました 
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、次の点にご注意ください。その他の関連記事は PHP 中国語 Web サイトにあります。 推奨読書:
CSS3を使用して弾幕効果を実現する以上がCSSで透明度を設定する2つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
