html圖片的透明度怎麼設置

html圖片設定透明度的方法：1.在img元素中使用style屬性來設定「opacity: 透明度值;」樣式；2、在img元素中使用style屬性來設定「filter:opacity(透明度值) ;”樣式。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html圖片

在HTML中，可以使用img 元素在網頁中嵌入一幅圖片。

請注意，從技術上講， 標籤並不會在網頁中插入圖像，而是從網頁上連結圖片。 標籤創建的是被引用圖像的佔位空間。

<img  src="/static/imghw/default1.png"  data-src="img/1.jpg"  class="lazy"      style="max-width:90%" / alt="html圖片的透明度怎麼設置" >

html圖片設定透明度

#方法1：在img元素中使用style屬性設定「opacity: 透明度值;」樣式

<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中文網其他相關文章！