css文字水印样式 |css 图片手机适配屏幕

background-image: url(bg.png);
opacity: 0.5;
font-size: 30px;
color: #ccc;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

上面的代码是一个简单的CSS文字水印样式。其中，background-image属性指定了水印背景图像，opacity属性指定了水印的透明度，数值越小越透明。而font-size和color属性分别指定了文字的大小和颜色。为了将水印垂直居中，大家使用了position: absolute和top: 50%、left: 50%定位水印在页面中心，最后使用transform: translate(-50%, -50%)使水印自身向左上方移动一半的宽和高，则水印就会完美居中了。

除了以上的基本样式外，大家还可以通过添加rotation旋转属性使水印有更加立体的效果，同时也可以使用不同的字体、字体大小、透明度等多种属性来实现更加丰富的文字水印样式。

总的来说，CSS文字水印样式是一种简单而实用的网页美化方式，通过熟练掌握文字属性及定位属性等基础知识，可以轻松打造出独具创意的文字水印效果。