常用表格属性

最新推荐文章于 2024-05-06 01:33:15 发布

weixin_30861797

最新推荐文章于 2024-05-06 01:33:15 发布

阅读量82

点赞数

原文链接：http://www.cnblogs.com/john568300/p/6398647.html

版权

常用表格属性

歌曲

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

<!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>

转载于:https://www.cnblogs.com/john568300/p/6398647.html