dw中的表格如何设置多个背景图片?
发布网友
发布时间：2022-04-23 13:48
我来回答
共3个回答
热心网友
时间：2023-10-16 12:58
方法一、再建一表格，将图片与表格分别放入两个单元格中。
即：
<talbe>
<tr>
<td>
<!-- IMAGE -->
</td>
<td style="text-align:center">
<!-- TABLE -->
</td>
</tr>
</table>
方法二、在图片外套一个DIV标签，再在表格外套一个DIV，然后设置DIV属性。
即：
<style>
.content{text-align:center;border:4px solid #99CC00;width:40%;}
.content #left{height:200px;float:left;border:4px solid #BB0000;width:40%;}
.content #right{height:200px;float:left;border:4px solid #009999;width:60%;text-align:center;} <!-- float还是left -->
.content img{width:100%;height:192px;}
.content .t1{width:80%;margin-top:2px;}
.content .t1 td{height:80px;border:3px dotted #990099;width:50%;text-align:center;}
</style>
<div class="content">
<div id="left"><img alt="LEFT" title="IMAGE" /></div>
<div id="right">RIGHT<table cellpadding="0" cellspacing="0"
class="t1"><tr><td>R11</td><td>R12</td></tr><tr><td>R21</td><td>R22</td></tr></table></div>
</div>
方法三、如果什么都不相加也可以，只是不太好。
即：
<style>
.img{left:20px;position:absolute;border:5px solid #AA0000;width:150px;height:200px}
.table{width:30%;height:200px;text-align:center;font-family:"楷体";color=#992211;font-size:2em;}
td{border:3px solid #00AA00;}
</style>
<center>
<img class="img" alt="LEFT"/>
<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td>
RIGHT1
</td>
<tr>
<tr>
<td>
RIGHT2
</td>
<tr>
</talbe>
</center>
热心网友
时间：2023-10-16 12:59
直接定义多个背景样式，引用就可以了。
css:
.bg1{background:url(background:url(1.jpg);}
.bg2{background:url(background:url(2.jpg);}
html:
<td class="bg1"></td>
<td class="bg2"></td>
这两个单元格的图片背景就不一样了
热心网友
时间：2023-10-16 12:59
给每个单元格都设置背景图片
热心网友
时间：2023-10-16 12:58
方法一、再建一表格，将图片与表格分别放入两个单元格中。
即：
<talbe>
<tr>
<td>
<!-- IMAGE -->
</td>
<td style="text-align:center">
<!-- TABLE -->
</td>
</tr>
</table>
方法二、在图片外套一个DIV标签，再在表格外套一个DIV，然后设置DIV属性。
即：
<style>
.content{text-align:center;border:4px solid #99CC00;width:40%;}
.content #left{height:200px;float:left;border:4px solid #BB0000;width:40%;}
.content #right{height:200px;float:left;border:4px solid #009999;width:60%;text-align:center;} <!-- float还是left -->
.content img{width:100%;height:192px;}
.content .t1{width:80%;margin-top:2px;}
.content .t1 td{height:80px;border:3px dotted #990099;width:50%;text-align:center;}
</style>
<div class="content">
<div id="left"><img alt="LEFT" title="IMAGE" /></div>
<div id="right">RIGHT<table cellpadding="0" cellspacing="0"
class="t1"><tr><td>R11</td><td>R12</td></tr><tr><td>R21</td><td>R22</td></tr></table></div>
</div>
方法三、如果什么都不相加也可以，只是不太好。
即：
<style>
.img{left:20px;position:absolute;border:5px solid #AA0000;width:150px;height:200px}
.table{width:30%;height:200px;text-align:center;font-family:"楷体";color=#992211;font-size:2em;}
td{border:3px solid #00AA00;}
</style>
<center>
<img class="img" alt="LEFT"/>
<table class="table" cellpadding="0" cellspacing="0">
<tr>
<td>
RIGHT1
</td>
<tr>
<tr>
<td>
RIGHT2
</td>
<tr>
</talbe>
</center>
热心网友
时间：2023-10-16 12:59
直接定义多个背景样式，引用就可以了。
css:
.bg1{background:url(background:url(1.jpg);}
.bg2{background:url(background:url(2.jpg);}
html:
<td class="bg1"></td>
<td class="bg2"></td>
这两个单元格的图片背景就不一样了
热心网友
时间：2023-10-16 12:59
给每个单元格都设置背景图片
