首頁 > web前端 > html教學 > html圖片的透明度怎麼設置

html圖片的透明度怎麼設置

青灯夜游
發布: 2021-10-11 14:36:31
原創
25573 人瀏覽過

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

html圖片的透明度怎麼設置

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

html圖片

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

請注意,從技術上講,html圖片的透明度怎麼設置 標籤並不會在網頁中插入圖像,而是從網頁上連結圖片。 html圖片的透明度怎麼設置 標籤創建的是被引用圖像的佔位空間。

<img  src="img/1.jpg"    style="max-width:90%" / alt="html圖片的透明度怎麼設置" >
登入後複製

html圖片的透明度怎麼設置

html圖片設定透明度

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

<img  src="img/1.jpg"    style="max-width:90%" style="opacity: 0.5;"/ alt="html圖片的透明度怎麼設置" >
登入後複製

html圖片的透明度怎麼設置

方法2:在img元素中使用style屬性設定「filter:opacity(透明度值);」樣式

<img  src="img/1.jpg"    style="max-width:90%" style="filter:opacity(0.3);"/ alt="html圖片的透明度怎麼設置" >
登入後複製

html圖片的透明度怎麼設置

推薦教學:《html影片教學

以上是html圖片的透明度怎麼設置的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板