为 HTML 页面添加水印可以通过以下步骤实现:
body {
background-image: url('watermark.png');
background-repeat: repeat;
opacity: 0.5;
}
其中,watermark.png
是水印图片的路径,background-repeat
属性设置为 repeat
以让水印图片重复出现,opacity
属性设置为 0.5 表示水印图片的透明度为 50%。
body {
background-image: url('watermark.png');
background-repeat: repeat;
opacity: 0.5;
background-size: 200px 200px;
background-position: center;
}
其中,background-size
属性设置为 200px 200px
表示水印图片的大小为 200 像素 × 200 像素,background-position
属性设置为 center
表示水印图片居中显示。
span
标签和 CSS 样式实现。例如,要将“关键词”这个词语高亮显示,可以在 HTML 中添加如下的代码:这是一段包含<span class="highlight">关键词</span>的文本。
然后在 CSS 样式表中添加如下的样式:
.highlight {
background-color: yellow;
}
其中,background-color
属性设置为 yellow
表示高亮颜色为黄色。
综上所述,要为 HTML 页面添加水印并为关键词添加高亮颜色,可以按照以上步骤进行操作。