码迷,mamicode.com
首页 > 其他好文 > 详细

表格布局

时间:2016-08-21 12:24:49      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:

表格的使用

    • 首先我们要使用就要知道表格的基本代码以及其中的一些属性,表格我们一般用来布局,结合属性我们可以把表格做的更加的美观!

 

    • <table></table>定义一个表格
    • <tr></tr>定义一行,一组tr就代表一行
    • <td></td>定义一个单元格,一组td代表一个单元格
    • 例如我们定义一个两行表格(1-1):
1-1
1-1

 

    • 如果我们想制作跨行和跨列的表格,那我们就要用到rowspan和colspan,是在<td>当中输入这两个属性!
      行合并的表格 行合并的表格
      行合并的表格

      列合并的表格
      列合并的表格 列合并的表格

 

    • 我们可以美化表格:cellspacing和cellpadding分别设置表格的单元格间距和边距。border和border-color分别设置表格的边框和边框的颜色。height和width设置表格的高度和宽度(这个也可以在td、tr当中输入)。都是在<table>当中输入这些属性值。
      2 2
      2 2

      我们也可以设置表格的对其方式:align="left/right/center"
      valign="botton/top/middle"
      2 2
      2 2
      结合我们上一章的内容,我们也可以在表格当中设置bgcolor属性!

表格布局

标签:

原文地址:http://www.cnblogs.com/mcyx/p/5792400.html

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