使用table标签创建表格

原创 2019-02-18 23:19:07 1027
摘要:<html><head>  <style>    *{  margin:0;  padding:0; } table{  border:1px solid #ccc;  border-collapse:collapse; } tr td{  width:200px;  he

<html>


<head>

  <style>

    *{

 margin:0;

 padding:0;

}

table{

 border:1px solid #ccc;

 border-collapse:collapse;

}

tr td{

 width:200px;

 height:100px;

 border:1px solid #ccc;

}

tr th{

 width:200px;

 height:100px;

 border:1px solid #ccc;

}

  </style>



</head>


<body>


<table>


  <tr>

    <th>一</th>

    <th>二</th>

    <th>三</th>

  </tr>


  <tr>

    <td colspan="2">1</td>

    <td>3</td>

  </tr>


  <tr>

    <td rowspan="2">1</td>

    <td>2</td>

    <td>3</td>

  </tr>

  

  <tr>

    <td>2</td>

    <td>3</td>

  </tr>


</table>


</body>


</html>


批改老师:韦小宝批改时间:2019-02-19 09:13:49
老师总结:实现的还是蛮简单的 没事记得要多练习练习 这种很基础的标签就要多练习

发布手记

热门词条