表格的运用
- table属性
- tr属性
- td属性
实例：
程序源码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格的运用</title>
<style>
table{border-collapse:collapse;}
table,td{border:#0D0D0D 2px solid}
</style>
</head>
<body>
<table border="2" width="450px" height="200px" align="center">
<caption>表格的名称</caption>
<thead>
<td colspan="3" height="20px">网站LOGO</td>
<tr align="center" height="20px">
<td><a href="#">首页</a></td>
<td><a href="#">关于我们</a></td>
<td><a href="#">联系我们</a></td>
</tr>
<tr>
<td>主题的左栏</td>
<td>主题的中间</td>
<td>主题的右侧</td>
</tr>
<tr>
<td>主题的左栏</td>
<td>主题的中间</td>
<td>主题的右侧</td>
</tr>
</thead>
<tfoot>
<td colspan="3" height="20px" align="center">底部的基本企业信息©【版权信息】</td>
</tfoot>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
