灭绝老师讲的真快系列

原创 2018-10-10 12:33:59 348
摘要:<!DOCTYPE html><html><head>   <meta charset="utf-8">   <title>灭绝老师讲的真快系列</title>   <link rel="shortcut icon" ty

<!DOCTYPE html>

<html>

<head>

   <meta charset="utf-8">

   <title>灭绝老师讲的真快系列</title>

   <link rel="shortcut icon" type="images/x-icon" href="images/lsjdzk.ico">

   <link rel="stylesheet" type="text/css" href="css/index.css">

   <style type="text/css">

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

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

   tr td{height: 100px;border: 1px solid white ; text-align:center;color: blue;}


   </style>


</head>

   <body>

   <table>

      <tr>

      <th> 老师讲的真快</th>

      <th> 老师讲的真快</th>

      <th> 老师讲的真快</th>

      </tr>


      <tr>

        <td colspan="3" style="color:#000079; font-weight:bold; background:#ccc; font-size:50px; "> <i> 快 快 快 </i></td>


         

      </tr>

        <tr>

         <td rowspan="3" style="color:#424200">嘿哎哟没呢?</td>

          <td>我的笔在哪里?? </td>

         <td> 哎这就讲完的??</td>

      </tr>

       <tr>

         <td >笔记一个都没写造!!</td>

         <td>香菇难受!</td>       

      </tr>


      <tr >

         <td style="color:red;">眼睛一闭一睁一课过去了</td>

         <td style="color:#000000;">背不到记不到! </td>

      </tr>

      <tr >

         <td style="color:yellow;">香菇难受!!</td>

         <td style="color:green;"> 佩服佩服!!</td>

          <td style="color:plum;">想哭想哭!! </td>

      </tr> <tr >

         <td colspan="3">眼睛一闭一睁一课过去了</td>

        

      </tr>


   </table>

   </body>


</html>

咨询一下几个问题 

1:表头只有对应写  行数吗 ? 表头无法使用 colspan rowspan

 2: 如何在单个td里面改变字体颜色 

3:  还有 tr 里面 th <th> </th>  中间不放任何东西 为何不行!   

发布手记

热门词条