HTML表格-table.属性

 table
   thead
     tr > th
   tbody
     tr > td    ;

<table border="1" cellspacing="0" cellpadding="2">

          <tr>

               <th>第一列</th>

               <th>第二列</th>

               <th>第三列</th>

               <th>第四列</th>

               <th>第五列</th>

          </tr>

          <tr>

               <td>1行1列</td>

               <td>1行2列</td>

               <td>1行3列</td>

               <td>1行4列</td>

               <td>1行5列</td>

          </tr>

</table>

可以在<head></head> 中添加样式 : 固定表格大小

tr{

        width: 70px; height: 40px;

        }

td{

        width: 70px; height: 40px;

        }

表格属性:

align (居左中右): left center right
border : 整数  px
cellpadding : 内容与单元格之间的距离
cellspacing : 单元格与单元格之间的距离
width : 设定表格宽度
bgcolor : 设定表格背景色

colspan : 跨列合并
rowspan : 跨行合并

caption : 作为table的子元素,表示表格的标题信息

    <caption>标题</caption>

colgroup :列分组,定义表中的一组列,作为table的子元素,同时放在caption标题的后面,其他元素的前面
   col:经常作为 colgroup 的子元素,有span属性,规定几列为同一列 

        <colgroup>

                <col span="2" style="background-color: rgb(255, 71, 200);">

                <col style="background-color: rgb(74, 71, 255);">

          </colgroup>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值