重复HTML背景图像

时间:2013-02-12 17:10:09

标签: html css image background-image background-repeat

我有这个:<body background="CFIS Fantasy Pool Logo Small.png" bgcolor="333333">

我想添加一个标记,以便在y上重复,所以类似repeat-y。我尝试了很多东西,但它不起作用,它只是遍布整个屏幕。如果我要添加repeat-y标记,整个事情会是什么样子。顺便说一句,我希望它在左侧重复。

2 个答案:

答案 0 :(得分:2)

您可以在body标签上使用内联样式执行此操作,如下所示:

<body style="background: #333 url("CFIS Fantasy Pool Logo Small.png") repeat-y 0 0;

但我建议将它添加到样式表中,如下所示:

<body>

body {
    background: #333 url("CFIS Fantasy Pool Logo Small.png") repeat-y 0 0;
}

我还建议不要在文件名中使用空格或大写字母,因为这会导致问题。做这样的事情会更好:

cfis_fantasy_pool_logo_small.png

答案 1 :(得分:1)

这应该有效:

background-repeat:repeat-y;

对于定位,请使用:

background-position:left; 
OR
background-position:left top; 
OR
background-position:left bottom;