Fatal编程技术网
  • css/
  • 在表类中设置CSS图像背景时出现问题

在表类中设置CSS图像背景时出现问题

css image class

在表类中设置CSS图像背景时出现问题,css,image,class,background,css-tables,Css,Image,Class,Background,Css Tables,我试图使用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')

我试图使用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>


正文{背景图像：url（'http://www.example.com/images/image1.jpg');}
table.background{background:url（'http://www.example.com/images/image2.gif“）不重复；}

不应使用表格进行布局。表用于显示数据，而不是标题。改为使用div
此处缺少结束语：


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



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

试试这个：


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




你好，世界！



这里它在JSBin中工作：
你真的应该使用一个带有语法高亮显示的文本编辑器。它会更快地捕捉到这一点。@mmk：这真的不是一个答案。不管表格的使用如何，它都不会回答问题。（我同意你的观点，但是一个注释是提及这一点的更好的用法，而不是回答）抱歉现在提供任何教程链接-不得不离线，但正如我所见，你已经设法解决了