您的位置：首页 > 其它

制作细线表格

2015-03-14 17:32 225 查看 
<style>
table{
/*border-collapse有两个值：collapse无间距（叠加模型），separate有1px间距（单独模型）*/
border-collapse:collapse;
text-align:center;
}
td,th{
border:1px solid;
}
.align-right{
text-align:right;
}
</style>
</head>
<body>
<table>
<caption>jklj</caption>
<!--对多个列进行分组-->
<colgroup>
<col id = "国家"/>
<col id = "名称"/>
<col id = "地址"/>
<col id = "排名"/>
</colgroup>
<thead>
<tr>
<th scope = "col">国家</th>
<th scope = "col">名称</th>
<th scope = "col">地址</th>
<th scope = "col">排名</th>
</tr>
</thead>
<tr>
<td>中国</td>
<td>淘宝ds</td>
<td>www.taobao.com</td>
<td>32</td>
</tr>
<tr>
<td rowspan = "2">美国</td>
<td>ebay</td>
<td>www.ebay.com</td>
<td>22</td>
</tr>
<tr>
<td>facebook</td>
<td>www.facebook.com</td>
<td>12</td>
</tr>
<tr>
<td class = "align-right" colspan = "4">
网站排名
</td>
</tr>
</table>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航