用html写一个完整的网页水印,然后铺满整个屏幕
时间: 2023-09-25 07:13:47 浏览: 72
下面是一个用HTML和CSS实现水印并铺满整个屏幕的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页水印</title>
<style>
.watermark {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("path/to/watermark.png");
background-repeat: repeat;
opacity: 0.5;
z-index: -1;
}
</style>
</head>
<body>
<div class="watermark"></div>
<h1>这是一个带水印的网页</h1>
<p>这是一段内容</p>
</body>
</html>
```
在这个例子中,我们创建了一个类名为`watermark`的div元素,并将其样式设置为铺满整个屏幕。我们将水印图像设置为`background-image`属性的值,并将`background-repeat`属性设置为`repeat`,以便图像可以重复铺满整个屏幕。最后,我们将这个div元素放置在所有其他元素的底部,避免对其他元素产生影响。
当您在浏览器中打开这个HTML文件时,您将看到一个带有水印的网页,并且水印将铺满整个屏幕。