HTML圖片水印代碼
在網(wǎng)站上使用圖片水印可以有效地保護(hù)自己的原創(chuàng)圖片,避免盜圖等問題。下面是一個(gè)簡(jiǎn)單的HTML圖片水印代碼示例:
``````
代碼解釋:
1.樣式部分:定義.watermark類的樣式,它是圖片水印的具體樣式。其中,position屬性定義了水印的定位方式是絕對(duì)定位;z-index屬性定義了水印的疊放順序,必須比圖片層級(jí)高;opacity屬性定義了水印的透明度,可以根據(jù)需要修改;font-size屬性定義了水印的字體大小;color屬性定義了水印的顏色;transform屬性定義了水印的旋轉(zhuǎn)角度。
2.結(jié)構(gòu)部分:使用相對(duì)定位的父元素包裹img和水印p元素,從而保證水印位置相對(duì)于圖片定位。其中,img標(biāo)簽包含圖片的路徑和alt屬性描述圖片,p標(biāo)簽包含圖片水印信息。
使用該代碼,只需要修改圖片和水印內(nèi)容,即可將圖片水印添加到網(wǎng)站中,以防止他人盜用圖片。
your watermark