CSS3 伪元素构建文章水印背景代码及效果

h1 {
    position: relative;
    margin: 0;
    font-weight: bold;
    letter-spacing: -0.05rem;
    line-height: 1;
    text-transform: uppercase;
    z-index: 10;
}
h1:before {
    content: "2018/08";
    font-family: monospace;
    font-size: 10rem;
    position: absolute;
    top: 2rem;
    left: -2rem;
    z-index: 0;
    line-height: 1;
    color: rgba(50, 25, 0, 0.1);
}
复制代码

效果：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/9082.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/9082.html