2020-11-17

表格文件中,在题头部分可以定义边框,例如:

 <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            table {
                border: 1px solid blue;
                border-spacing: 1px;
                border-collapse: collapse;
            }
            
            th,td {
                border: 1px solid blue;
                    }


        </style>
    </head>

划线部分是我们定义的边框属性,border-spacing就是边框空隙,蓝线之间有一点小空隙。

1px的边框空隙

 

 

    <body>
        <table>
            <tr>

                <th>序号</th>
                <th>性</th>
                <th>名</th>
                <th>地区</th>
                <th>电话号码</th>

            </tr>
            <tr>

                <td>1</td>
                <td>李</td>
                <td>华</td>
                <td>郑州市</td>
                <td>666</td>

            </tr>
            <tr>

                <td>2</td>
                <td>王</td>
                <td>华</td>
                <td>新乡市</td>
                <td>555</td>

            </tr>
            <tr>

                <td>3</td>
                <td>刘</td>
                <td>华</td>
                <td>开封市</td>
                <td>444</td>

            </tr>
            <tr>

                <td>2</td>
                <td>孙</td>
                <td>华</td>
                <td>安阳市</td>
                <td>333</td>

            </tr>
            <tr>

                <td>2</td>
                <td>可</td>
                <td>华</td>
                <td>平顶山市</td>
                <td>222</td>


            </tr>
        </table>
    </body>

</html>

红色字符表示的是每一行的表格即:一行。而下划线的部分主要是<th></th>和<td></td>形式,指的是一行中的一小格,<th></th>是表头信息,<td></td>是填表格中信息的。

小表格

感悟:老师很热情,助教很亲切。风趣幽默的教学方式让我受益匪浅。每次学的也不多,好记,不过很容易忘,不多加练习的话。还得多花课下时间练习,总的来说记得不算多,记得就清了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值