HTML,CSS:九九乘法表(不建议使用,性能不好)?

1,667 阅读3分钟
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            margin: auto;

        }
        #title td{
            border: 1px solid #000000;
            border-right: 0;
            padding: 9px;
        }
        #title td:last-child{
            border-right: 1px solid #000000;
            text-align: center;
        }
        td{
            border: 1px solid #000000;
            border-right: 0;
            padding: 9px;
            border-top: 0;
        }
        td:last-child{
            border-right: 1px solid #000;
        }
    </style>
</head>
<body>
<table cellspacing="0">
    <tr id="title">
        <td colspan="9">九九乘法口诀表</td>
    </tr>
    <tr>
        <td>1*1=1</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>1*2=2</td>
        <td>2*2=2</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>1*3=3</td>
        <td>2*3=6</td>
        <td>3*3=9</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
 <tr>
     <td>1*4=4</td>
     <td>2*4=8</td>
     <td>3*4=12</td>
     <td>4*4=16</td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
 </tr>
    <tr>
        <td>1*5=5</td>
        <td>2*5=10</td>
        <td>3*5=15</td>
        <td>4*5=20</td>
        <td>5*5=25</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>1*6=6</td>
        <td>2*6=12</td>
        <td>3*6=18</td>
        <td>4*6=24</td>
        <td>5*6=30</td>
        <td>6*6=36</td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>1*7=7</td>
        <td>2*7=14</td>
        <td>3*7=21</td>
        <td>4*7=28</td>
        <td>5*7=35</td>
        <td>6*7=42</td>
        <td>7*7=49</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>1*8=8</td>
        <td>2*8=16</td>
        <td>3*8=24</td>
        <td>4*8=32</td>
        <td>5*8=40</td>
        <td>6*8=48</td>
        <td>7*8=56</td>
        <td>8*8=64</td>
        <td></td>
    </tr>
    <tr>
        <td>1*9=9</td>
        <td>2*9=18</td>
        <td>3*9=27</td>
        <td>9*4=36</td>
        <td>5*9=45</td>
        <td>6*9=54</td>
        <td>7*9=63</td>
        <td>8*9=72</td>
        <td>9*9=81</td>
    </tr>
</table>
</body>
</html>