ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでdivの透明度を設定する方法
htmldiv の透明度を設定する方法: 1. opacity 属性を使用する場合は、「opacity:透明度の値;」スタイルを div 要素に追加するだけです; 2. filter 属性を使用する場合、必要なのはdiv 要素に「フィルター」を追加します。:opacity (透明度の値);」スタイル。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
htmldiv の透明度を設定します
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .box1{ width: 300px; height: 200px; background-color: yellow; } .box2{ width: 100px; height: 100px; background-color: green; } </style> </head> <body> <div class="box1"> <div class="box2"></div> </div> </body> </html>
1。不透明度属性を使用して設定します。透明度 値が小さいほど透明度が高くなります。
.box2{ width: 100px; height: 100px; background-color: green; opacity: 0.8; }
.box2{ width: 100px; height: 100px; background-color: green; opacity: 0.5; }
.box2{ width: 100px; height: 100px; background-color: green; opacity: 0.2; }
2. フィルターを使用します。 opacity (透明度の値);
、透明度の値が小さいほど透明度が高くなります。
.box2{ width: 100px; height: 100px; background-color: green; filter:opacity(0.5); }
.box2{ width: 100px; height: 100px; background-color: green; filter:opacity(0.1); }
推奨チュートリアル: 「html ビデオ チュートリアル 」
以上がHTMLでdivの透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。