HTML画像の透明度を設定する方法

HTML 画像の透明度を設定する方法: 1. img 要素の style 属性を使用して、「不透明度: 透明度の値;」スタイルを設定します。 2. img 要素の style 属性を使用して、「フィルター:不透明度 (透明度の値) ;"スタイル。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

htmlimage

HTML では、img 要素を使用して画像を Web ページに埋め込むことができます。

技術的には、 タグは Web ページに画像を挿入するのではなく、Web ページから画像にリンクすることに注意してください。 タグは、参照画像のプレースホルダーを作成します。

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" / alt="HTML画像の透明度を設定する方法" >

html 画像の透明度の設定

方法 1: img 要素の style 属性を使用して「opacity」を設定します: 透明度値;" style

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" style="opacity: 0.5;"/ alt="HTML画像の透明度を設定する方法" >

方法 2: img 要素の style 属性を使用して、「filter:opacity (透明度値);」スタイルを設定します。

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" style="filter:opacity(0.3);"/ alt="HTML画像の透明度を設定する方法" >

推奨チュートリアル: 「html ビデオ チュートリアル」

以上がHTML画像の透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。