国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么加圖片水印,CSS圖片水印添加方法

前端小編 8 0

在CSS中,我們可以使用watermark屬性為圖片添加水印。watermark屬性允許我們?cè)O(shè)置水印的文本內(nèi)容、顏色、大小等樣式。

以下是一個(gè)簡(jiǎn)單的示例,展示如何在CSS中為圖片添加水?。?/p>

img {
    watermark: url('watermark.png') no-repeat center center;
}

在上面的示例中,url('watermark.png')指定了水印圖片的路徑,no-repeat表示水印圖片不會(huì)重復(fù)顯示,center center表示水印圖片會(huì)居中顯示。

除了設(shè)置水印圖片的路徑和樣式外,我們還可以設(shè)置水印的文本內(nèi)容、顏色、大小等樣式,我們可以使用watermark-text屬性設(shè)置水印的文本內(nèi)容:

img {
    watermark: url('watermark.png') no-repeat center center;
    watermark-text: 'Watermark Text';
    watermark-color: #000;
    watermark-size: 20px;
}

在上面的示例中,watermark-text屬性設(shè)置了水印的文本內(nèi)容為'Watermark Text',watermark-color屬性設(shè)置了水印的顏色為黑色,watermark-size屬性設(shè)置了水印的大小為20像素。

需要注意的是,watermark屬性并不是所有瀏覽器都支持,因此在使用時(shí)需要注意瀏覽器兼容性,為了提高水印的效果,我們還可以在HTML中使用<img>標(biāo)簽將圖片顯示出來:

<img src='image.png' style='watermark: url("watermark.png") no-repeat center center; watermark-text: "Watermark Text"; watermark-color: #000; watermark-size: 20px;'>

在上面的示例中,<img>標(biāo)簽顯示了圖片,并應(yīng)用了之前設(shè)置的watermark樣式。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
日韩精品一区二区三区四| 婷婷丁香激情| 人妻chanihdxxxxvideos| NBA免费回放全场录像高清直播 | 亚洲天堂视频一区| 99精品人妻无码专区在线视频| 蜜臀av一区二区三区日韩| 87午夜福利视频| 香蕉大人久久国产成人av| CHINESE耄耋老太交| 精品人妻少妇嫩草一区二区三区| 欧美精品一级二级三级| YIN荡的人妻美妇系列| 国产精品久久久久久久久动漫| 屁屁影院ccyycom国产| 久久国产夜色精品鲁鲁99| 东北老熟妇高潮45分钟| 《老师的奶水》电影| 国产人妻人伦精品一区二区网站| 免费在线中文字幕| 亚洲国产精品一区在线观看| 亚洲AV无码一区二区三区在线| 高潮毛片无遮挡高清免费视频| 99国产精品一区二区| 日本老熟妇mature高潮| 中文字幕人妻av| 成人大片免费视频| 夫の目の前で犯された若妻| 啊灬啊灬啊灬啊灬快灬深用力 | 日本人妻丰满熟妇hd| 日韩av亚州人妻91人人人爽| 夹腿最后很爽那一下是高潮| JAPANESE MATURE| 午夜影院免费在线观看| 精品一区二区三区免费观看| 91精品国产91久久久久久吃药| 欧美黑人一区| 人妻激情视频| 亚洲国产精品色婷婷久久| 亚洲综合av在线在线播放| 四虎影院永久在线|