HTML 圖片半透明 代碼 HTML 中圖片的透明度可以通過 CSS 樣式來設置。在 CSS 中，我們可以使用 opacity 屬性來指定圖片的透明度。opacity 屬性的值是一個 0 到 1 之間的數字，0 表示完全透明，1 表示完全不透明。 實現半透明的圖片需要我們將 opacity 屬性值設置為一個小于 1 的數字。下面是一個示例代碼，我們可以將其添加到樣式表中：

img{
opacity: 0.5;
}

這段代碼會將所有的圖片的透明度設置為 0.5，即半透明狀態。如果我們想要讓某個特定的圖片變得更加半透明，可以給這個圖片指定一個不同的 opacity 值：

這段代碼會將 example.jpg 這張圖片的透明度設置為 0.3，達到更加半透明的效果。 需要注意的是，使用 opacity 屬性設置圖片的透明度會影響整個圖片，包括其上下文和子元素的透明度。如果我們只想要圖片的背景變得半透明，可以使用 CSS 中的 background-color 屬性來設置背景顏色的透明度。例如：

img{
background-color: rgba(255,255,255,0.5);
}

這段代碼會讓圖片的背景色變得半透明，可以通過修改 rgba 中的數字來改變透明度和顏色。 總的來說，使用 CSS 中的 opacity 和 background-color 屬性可以讓我們很方便地實現圖片的半透明效果，讓頁面更加美觀和時尚。