表格

发布时间:2021-03-29 22:12:34 浏览量:193 标签: table

表格:

      一行显示多列,表格是由规则的行和列构成

      <table>

           <thead>

                 <tr>

                      <td></td>

                 </tr>

           </thead>

            <tbody>

                  <tr><td></td></tr>  

           </tbody>

      </table>

     根标记:  <table>

     子标记:  <tr>  行

                  <td>  单元格

                  <th>  列标题

                  <caption>  表头  可以写在table中的任何位置,推荐在最后写

      thead:  表格的头部区域,方便用于js控制

      tbody:  表格的内容区体区域

  1. 表格的属性(table)

       border : 默认值为0

       width  :  表格的总体宽度

       height :  表格的总体高度

        th和td的区别:

                    (1) th: 粗体,居中对齐(上下,左右)

                    (2) td : 细体,居左对齐,上下居中

  2. tr的属性 :  修饰在列上的样式

  3. td,th属性: 修饰在单元格列头上的样式

          valign  :  上下    top , bottom , middle

          align  :   左右   left , center , right

  4. 表格的背景图片

          <tr background="1.jpg"></tr>

  5. 表格的背景颜色

           <table  bggcolor=""red></table>

  6.  不规则的表格

           画表格的顺序: 从上往下,从左徃右

           不规则的单元格占用多个表格,左上角的单元格是基本单元格,其他是扩展格,扩展格也是格,但是      需要通过基本个拓展过来

    <td  align="right" colspan="2"></td>

     <td align="left" rowspan="2"></td>

     colspan:  跨列

     rowspan: 跨行

   7. 其他属性

           cellspacing: 单元格之间的距离

           cellpaddng : 单元格里面的内容与边框之间的距离(内)

  


搜索
关于我
吴英赫
最新标签
推广