1. 爱易网页
  2. HTML教程
  3. 怎么让单元格边框合并在一起

怎么让单元格边框合并在一起

日期：2014-05-16　 浏览次数：21042 次

如何让单元格边框合并在一起
<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>

相关资料更多>

  1. 修正IE5解释容器宽度的方法
  2. HTMLDecoder，&开端的编码换转成中文
  3. [css]简明教程 SPAN和DIV的区别
  4. 网页设计的方法和大局观
  5. [散分]DIV布局之三行两列右栏宽度固定左栏宽度自适应解决办法
  6. 判断浏览器是不是支持指定CSS属性和指定值
  7. URL 中 为什么不能包含""该如何解决
  8. W3C Web运用任务组：HTML5运用的下一步
  9. 应用DIV+CSS的网站征求建议和建议~