博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

学习——table标签元素

Posted on 2013-03-02 14:25  Step at a time  阅读(199)  评论(0编辑  收藏  举报

今天主要学习了table标签元素。

<table height="150px">
<tr><td></td></tr>
</table>    //这段主要用于让下面这张表位置发生变化
<table border="1" width="400px" cellspacing="0" cellpadding="2" bordercolor="#D790DD" align="center">
<tr>
<td colspan="3" align="center">星期—菜谱</td>
</tr>

<tr>
<td rowspan="2">素菜</td>
<td>清炒茄子</td>
<td>花椒扁豆</td>
</tr>

<tr>
<td>小葱豆腐</td>
<td>炒白菜</td>
</tr>

<tr>
<td rowspan="2">荤菜</td>
<td>油焖大虾</td>
<td>海参鱼翅</td>
</tr>

<tr>
<td>红烧肉<img src="Water lilies.jpg" width="80"></td>
<td>烤全羊</td>
</tr>
</table>

在这段代码中 ,主要学习了table元素中cellspacing、cellpadding、bordercolor、align以及跨行rowspan、跨列colspan属性的用法

上面代码所运行结果图: