常用表格属性

常用表格属性

歌曲

歌名歌手
分手快乐 梁静茹
你的风衣 张语倢

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>常用表格属性</title>
    <style>
        table{
            font-family: "微软雅黑";
            font-size: 20px;
            text-align: center;
            width: 400px;/*表格的宽度*/
            border-collapse: separate;/*合并边框*/
            /*collapse 分离边框  默认的。separate 合并边框*/
            /*border-spacing: 0px; 边框间距*/
        }

        table,th,td{
            border: 1px solid black;
            /*border-width: 1px;
            border-style: solid;
            border-color: black;*/
        }

        th{
            background-color: lightsteelblue;
        }
        .one{
            background-color: lightcoral;
        }
    </style>
</head>
<body>
    <h2>歌曲</h2>
    <table id="id1">
    <tr>
        <th>歌名</th>
        <th>歌手</th>
    </tr>

    <tr class="one">
        <td>分手快乐</td>
        <td>梁静茹</td>
    </tr>

    <tr>
        <td>你的风衣</td>
        <td>张语倢</td>
    </tr>
</table>
</body>
</html>

　　

posted @ 2017-02-14 17:41  john。  阅读(367)  评论(2)    收藏  举报