Question

我正在尝试使用CSS制作单个表格背景，但我无法让表格形成。这是我的代码示例：

<html>
<head>
<style type="text/css">
body {background-image:url('http://www.example.com/images/image1.jpg');}

table.background { background: url('http://www.example.com/images/image2.gif') no-repeat; }

</style>
</head>

<body>
<table class="background" style="width:400px;height:500px;> <tr><td>
<h1>Hello World!</h1></td></tr></table>
</body>

</html>

为什么我看不到输出中显示的Hello World语句？

Answer 1

你在这里错过了一个结束语：

<table class="background" style="width:400px;height:500px;>
                                                          ^

Answer 2

您的样式属性中没有结束引号（“）。

试试这个：

<table class="background" style="width:400px;height:500px;"> <tr><td>
<h1>Hello World!</h1></td></tr></table>

这是在JSBin中工作：http://jsbin.com/onunoc/2/edit#preview

Answer 3

表格不应用于制作布局。表用于显示数据，而不是标题。改为使用divs

在表类中设置CSS图像背景的麻烦

3 个答案: