日期:2014-05-16  浏览次数:20976 次

如何让单元格边框合并在一起
<style type="text/css">
.aaa{text-align:center;}
.bbb{text-align:right;}
.ccc{border-style:solid;}
.ddd{text-align:left}
td ,th{border:1px solid black;}
table{border-collapse:collapse;
border:1px solid black;}

</style>
<body>
<table >
<tr class="ddd">
<th colspan="7"> 报价日期:2007年7月10日</th>
</tr>
<tr class="aaa">
<th colspan="7" >某城市房地产信息中心第(7)期报价数据</th></tr>

<tr >
<th ></th>
<th></th>
<th></th>
<th colspan="2">本期</th>
<th colspan="2" >上期</th>
</tr>
<tr >
<th>分类</th>
    <th>商品名称</th>
    <th>单位</th>
    <th>最高单价</th>
    <th>集中成交价</th>
    <th>最高成交价</th>
    <th>集中成交价</th>
</tr>
<tr >
<td rowspan="3">商品楼</td>
    <td class="ddd">城市中心地段</td>
    <td>元/平方米</td>
    <td class="bbb">10846</td>
    <td class="bbb">9750</td>
    <td class="bbb">12475</td>
    <td class="bbb">11000</td>
</tr>
<tr >
    <td class="ddd">城市一般地段</td>
    <td>元/平方米</td>
    <td class="bbb">7416</td>
    <td class="bbb">6900</td>
    <td class="bbb">7749</td>
    <td class="bbb">6900</td>
</tr>
<tr >
    <td class="ddd">城市近郊地段</td>
    <td>元/平方米</td>
    <td class="bbb">7819</td>
    <td class="bbb">6700</td>
    <td class="bbb">7166</td>
    <td class="bbb">6500</td>
</tr>

------解决方案--------------------
其实border-collapse:collapse; 已经合并,如下
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="textml; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.aaa{text-align:center;}
.bbb{text-align:right;}
.ccc{border-style:solid;}
.ddd{text-align:left}
td ,th{border:1px solid black;}
table{border-collapse:collapse;}
</style>

</head>

<body>
<table >
<tr class="ddd">
<th colspan="7"> 报价日期:2007年7月10日</th>
</tr>
<tr class="aaa">
<th colspan="7" >某城市房地产信息中心第(7)期报价数据</th></tr>

<tr >
<th ></th>
<th></th>
<th></th>
<th colspan="2">本期</th>
<th colspan="2" >上期</th>
</tr>
<tr >
<th>