CSS中,我們可以使用opacity
屬性來讓圖片變透明,以下是一些示例代碼:
1、透明圖片:
<img src="image.png" style="opacity: 0.5;">
上述代碼會將圖片image.png
的透明度設置為50%。
2、透明背景:
<div style="background-image: url('image.png'); opacity: 0.5;"></div>
這段代碼會將背景圖片image.png
的透明度設置為50%。
3、透明邊框:
<div style="border-image: url('image.png'); opacity: 0.5;"></div>
這段代碼會將邊框圖片image.png
的透明度設置為50%。
opacity
屬性的值范圍從0到1,其中0表示完全透明,1表示完全不透明,您可以根據需要調整該值。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。