第一行 x 重复背景图像与 css

  • 本文关键字:背景 图像 css 一行 css
  • 更新时间 :
  • 英文 :


我想仅在页面的第一行使用 css 的背景图像道具显示背景图像。我该怎么做?我使用这样的代码;

background-image:url(backgr.png);
background-repeat:x-repeat;
background-position:left top;

但这提供了在所有行中重复图像。

如果您谈论的是页面的第一行,请考虑制作具有适当高度和宽度的div。你应该把你的图像放在那里。

<html>
<head>
   <style type="text/css">
      body
      {
         background-image:url('yourimage.jpg');
         background-repeat:repeat-x;
      }
   </style>
</head>
<body>
   <p>Your text over here</p>
</body>
</html>

试试这个css:

background:url(backgr.png) repeat-x left top;

最新更新