close

<!DOCTYPE html>
<html>
<head>
    <title>class&id</title>

    <meta charset="utf-8">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style type="text/css">
       table, th, td{
           border:1px solid black;
           border-collapse: collapse;
       }

       table{
           width:100%; 
           text-align: center;
       }

       #HeaderTitle{
           font-weight: bold;
           color: blue;
           font-size:24px; 
       }

       .sort{
           color:  #1b4ea0;
           font-size: 16px;
       }

       td.sort{
           font-weight:bolder;
           text-decoration:underline;
       }

       .line{
            border:3px solid red;
       }

    </style>
</head>

<body>
    <table>
        <caption id="HeaderTitle">My animals</caption>
        <tr>
            <th class="sort">Animals</th>
            <th class="sort">Amount</th>
        </tr>
        <tr>
            <td class="sort">Lion</td>
            <td>36</td>
        </tr>
        <tr>
            <td class="sort line">Elephant</td>
            <td>25</td>
        </tr>
    </table>

</body>
</html>

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 A&B 的頭像
    A&B

    網頁前端新手上路辛酸史

    A&B 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄