跟着老师一起做的

原创 2019-02-21 17:10:13 242
摘要:<!DOCTYPE html1><html xmlns="http://www.w3.org/1999/xhtml"> <head>   <meta charset="utf-8">  <title>HTML中的常用标签及属性(表格</title>

<!DOCTYPE html1>

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

   <meta charset="utf-8">

  <title>HTML中的常用标签及属性(表格</title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

<style type="text/css">

/*  *{margin:0px;padding:0px; } */

   table{ border:1px solid #ccc;border-collapse:collapse;}  

     tr td{height: 200px;border: 1px solid #ff66cc;width:200px; } 

tr th{height: 200px;border: 1px solid #ff66cc;width:200px;}


</style>


 </head>


 <body>

  <table>

  <tr>

<th>1</th>

<th>2</th>

<th>3</th>

<th>4</th>

<th>5</th>

  </tr>

  

   <tr>

<td colspan="5">合并列</td>  <!-- 横着合并 -->


  </tr>

  <tr>

<td rowspan="2">合并行1</td>

<td>2</td>

<td>3</td>

<td>4</td>

<td>5</td>

  </tr>


    <tr>

<td>1</td>   <!-- 竖着合并 -->

<td>2</td>

<td>3</td>

<td>4</td>

  </tr>

  

     </table>

 </body>

</html>

<!-- 边框是border:1px solid实线 #ccc                                                                                         border-collapse:collapse; 合并边框



tr是横着的



td是竖着的





-->


批改老师:韦小宝批改时间:2019-02-21 17:30:58
老师总结:tr是实现行的 td是实现列的 写的也很不错了 记的不太清除多去练习

发布手记

热门词条