HTML - 身体背景图像重复

时间:2010-08-25 14:48:41

标签: html

正如您在此页面中看到的那样 - http://www.white-cell.com/events.htm - 在底部,由于长文本,背景图像重复。 与此相关的行是:

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" background="images/bg_wide.gif">
谢谢你!

2 个答案:

答案 0 :(得分:10)

使用CSS指定背景图片(background已被弃用)并关闭重复。

将其放入head部分:

<style type="text/css">
body
 {
     background-image: url(images/bg_wide.gif);
     background-repeat: no-repeat;
 }
 </style>

还有一个属性可以定位背景图像(background-position)。

more on defining backgrounds at w3schools

答案 1 :(得分:2)

您可以使用此样式并防止图像重复:

body {
  background:url(images/bg_wide.gif) no-repeat;
}

no-repeat会阻止图像重复。