你可以使用canvas+javascript。创建画布并将其用作背景的最简单方法：

var text = 'Making the Web a Better Place Making the Web';
    var canvas = document.createElement("canvas");
    var fontSize = 24;
    canvas.setAttribute('height', fontSize);
    var context = canvas.getContext('2d');
    context.fillStyle    = 'rgba(0,0,0,0.1)';
    context.font         = fontSize + 'px sans-serif';
    context.fillText(text, 0, fontSize);

    $('#elementId').css({'background-image':"url(" + canvas.toDataURL("image/png")+ ")" });

现在我已经通过JavaScript完成了，仍然开放给更好的解决方案。
我把html中的div设为空

<div id="Slogan" style="z-index: -1; position: fixed; font-size: 20pt; color: #999999; text-align: justify; margin-left: 6px; margin-right: 6px;"></div>

然后创建一个javascript函数，从body的onLoad调用该函数

function FillSlogan()
{
    var text = '';

    for(var i=0; i<50; i++)
    {
        text += 'Making the Web a Better Place ';
    }

    $('#Slogan').html(text);
}

FillSlogan函数位于包含文件中，并将在robots.txt中被拒绝。
这样，它就能够使用对齐和 Package 功能，但使重复的文本远离机器人。

如果你不想使用JavaScript，你可以制作一个动态图像生成器作为服务器端组件（servlet，PHP等等），并使用它作为图像源，在URL中指定要生成的文本。所以在你的CSS中有这样的东西（它本身可以由一个脚本生成，允许你为图像生成器指定不同的文本字符串）：

body{
     background-image: url('http://example.com/myimageservlet?msg=I+want+this+text+as+my+repeating+background');
     background-repeat: repeat;
}

我想出了一个只使用CSS的解决方案，使用内联SVG。SVG支持标签。您可能需要调整尺寸和视图框以使此示例符合您的需要。

background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='598' height='245' viewBox='0 0 598 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ctext x='30' y='40' fill='red'%3eTEXT GOES HERE%3c/text%3e%3c/svg%3e ");