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>