Question

我有一个分为页眉，页脚和正文的网站。所以我想把背景图像仅放在身体部分。我该怎么做？我用桌面标签试了但是我无法完成它。我有一个单独的.css文件。我尝试使用表格标签的背景属性，如下所示：

<table background="../images/logo.jpg">
    <tr>
        <td>
            <h2 align="center">About Us</h2>
        </td>
    </tr>

我还尝试通过设置内联css来覆盖style.css文件的table属性：

<table STYLE="background-image:"../images/logo.jpg"">
  <tr>
    <td>
        <h2 align="center">About Us</h2>
    </td>
</tr>

没有显示所需的结果。在这两种情况下，我都看不到图像。

Answer 1

你可以使用

<body background="../images/logo.jpg">

或者您可以使用CSS属性background-image

body {
    background-image:url('../images/logo.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}

我建议你将下面的代码放在你的html文档中。

<style type="text/css">
body {
    background-image: url('../images/logo.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}
</style>

Answer 2

现在你正在把一张背景图片放到你的桌子上，但是你的问题是指出它在网页的背景中？

无论如何。你在这里有一个背景图片的例子：

JSFIDDLE example of table background COLOR

JSFIDDLE example of table background IMAGE

P.s.: Vote up if my anwswer helped! ^^

仅使用CSS将图像设置为正文部分？

2 个答案: