问题9:tabtle 整理

合并“行”单元格:

 <th colspan="2">Telephone</th>

合并“列”单元格:

<th rowspan="2">Telephone:</th>

单元格间隔:

<table cellspacing="0px">  

HTML-table:

<div class="listnr">
<table class="tablelist">
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>

CSS:

.tablelist{
font:100% Arial, Helvetica, sans-serif;
width:100%;border-collapse:collapse;
border:solid 1px #BEC1F5;
background:#e5f1f4; } .tablelist td{
font:100% Arial, Helvetica, sans-serif;
text-align:left;
border:1px solid #fff;
white-space: nowrap;
font-size: 12px;
line-height: 18px;
color: #464646;
padding:3px 6px 3px 4px; } .tablelist th{
text-align:center;border:1px solid #fff;
background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;white-space: nowrap;
padding:3px 6px 3px 4px;
}
.tablelist tr:hover {background-color:#CFE3E8;}
上一篇:201521123099 《Java程序设计》 第10周学习总结


下一篇:ServletResponse的一些知识点