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