Question

我试图重复一个图像，但我尝试过的所有东西都不起作用。

HTML正文代码：

<body>
    <h1>Native Flowers</h1>
    <div id="header"></div>
    <div id="navBar">
        <ul>
        <li>Home</li>
        <li>Other</li>
        <li>Other</li>
        <li>Other</li>
        <li>Other</li>
        </ul>
    </div>
    <img class="pinkTex" src="res/pinkTex.jpg"/>
</body>

这是我目前HTML文件正文的代码。

CSS pinkTex：

.pinkTex {
left: 0px;
height: 100%;
width: 200px;
}

目前这是img的pinkTex类的代码。

所以，如果我可以请求如何重复这个y轴，这将是伟大的。谢谢你。

Answer 1

如果您在body标签中提供图片，请使用此代码，并确保您的图片路径正确。

 body
    {
        background-image: url("res/pinkTex.jpg");
        background-repeat: repeat-y;
    }

你也可以使用

 .pinkTex
    {
        left: 0px;
        height: 100%;
        width: 200px;
        background-image: url("res/pinkTex.jpg");
        background-repeat: repeat-y;
    }

试图重复非背景图像

1 个答案: