table 的设置

Original 2019-03-27 16:29:24 330
abstract:<!DOCTYPE html><html><head> <title>表格(table)</title> <link rel="shortcut icon" type="image/x-icon" href=""> <link rel="stylesh

<!DOCTYPE html>

<html>

<head>

<title>表格(table)</title>

<link rel="shortcut icon" type="image/x-icon" href="">

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

<style type="text/css">

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

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

     tr td{border:1px solid #ccc;border:1px solid #ccc;width: 100px;}

     tr th{border:1px solid #ccc;border:1px solid #ccc;width: 100px;}

</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> 2 </td>

      <td> 3 </td>

      <td> 4 </td>

      <td> 5 </td>

    </tr>

   </table>

</body>

</html>



Correcting teacher:天蓬老师Correction time:2019-03-28 10:08:21
Teacher's summary:行列合并操作, 一定要有全局观, 合并 的属性, 一定要添加到第一个标签内

Release Notes

Popular Entries