HTML不规则表格创建
直接上代码:
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
table{width:1190px;font-size:15px;line-height:1.2;border-top:1px solid #a8a8a8;border-left:1px solid #a8a8a8;text-align: center;margin:57px auto;border-collapse: collapse;}
table caption{padding:26px 0;font-size: 26px;line-height: 1;color:#e63b3b;}
table td, table th{ border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;height:20px;}
table th{background-color:#eeeeee;padding:8px 0;}
table td{font-size: 12px;line-height:26px;padding:4px 15px 4px 9px;}
.align-justy{text-align: justify;}
</style>
</head>
<table border= "1 " width= "200 " >
<tr>
<td colspan="3">基础属性</td>
<td colspan="3">功能设置</td>
<td rowspan="3">缓存</td>
<td rowspan=32">图层注释(可编辑)</td>
</tr>
<tr>
<td>图层标题</td>
<td>名称</td>
<td>图层</td>
<td rowspan="2">查询</td>
<td>识别</td>
<td>专题</td>
</tr>
</table>
</html>