码迷,mamicode.com
首页 > Web开发 > 详细

HTML表格布局,制作漂亮的表格

时间:2016-08-18 12:57:11      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:

最近项目要自己写一个表格布局,所以给大家伙看看.好久没写html代码,都很生疏了,要多练习了.这个是从网上复制来的。

 

我们做一个简单的网站布局,代码如下:

<table align="center" width="500" height="400" border=1 bordercolor="#00ff99">
<tbody>
<tr><td colspan="3" align="center">网站名称</td>
</tr>
<tr><td width="30%" height="25">网站标题</td>
<td colspan="2" align="right">搜索框</td>
</tr>
<tr><td width="30%">左边</td>
 <td width="40%">中间</td>
 <td>右边</td>
</tr>
<tr><td colspan="3" align="center">网站底部信息</td>
</tr>
</tbody>
</table>
网站名称
网站标题 搜索框
左边 中间 右边
网站底部信息

 

   这是一张整体的表格,第一行和第四行分别跨度了三列,这里用colspan="3"来限制,而第二行的“搜索框”占用了两列的位置,用colspan="2"控制; align="center"是对表格内文字的对齐限制,center表示中间,right表示靠右,left靠左。

 

HTML表格布局,制作漂亮的表格

标签:

原文地址:http://www.cnblogs.com/xiaozhu520/p/5783459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!