html - 网站上的文字水印？怎么做？

Question

我是一名 C++/C# 开发人员，从未花时间在网页上工作。我想在某些页面的背景上用大字母放置文本(可能是随机的和对角线的)。我希望能够阅读前景文本，也能够阅读“水印”。我知道这可能更多是颜色选择的功能。

我尝试做我想做的事，但一直没有成功。我认为这对于具有网页设计工具或 html 知识的人来说非常简单。

Answer 1

<style type="text/css">
#watermark {
  color: #d0d0d0;
  font-size: 200pt;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -1;
  left:-100px;
  top:-200px;
}
</style>

这让您可以仅使用文本作为水印 - 适用于网页的开发/测试版本。

<div id="watermark">
<p>This is the test version.</p>
</div>