2-12. 细线表格

作者: 一Left一 | 来源:发表于2017-11-09 20:55 被阅读0次

    1、在表格标签中通过设置外边距为0,并不能实现一个细线表格,只会将两条线和并成一条

    2、制作细线表格

    • 给table标签设置bgcolor
    • 给tr标签设置bgcolor
    • 给table标签设置cellspacing = "1px"
    <body>
    <!--
    bgcolor: 背景颜色
    table,tr,td,都支持使用bgcolor
    就近原则
    细线表格要点
    1. 设置table的背景色为黑色
    2. 设置tr的背景色为其他颜色
    3. 设置table的cellspacing为1
    -->
    
    <table width=200 height=80 bgcolor=black cellspacing=1>
        <!--tr*3>td*4-->
        <tr bgcolor=white>
            <td bgcolor=red></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr bgcolor=white>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr bgcolor=white>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <table width="200px" height="200px" cellspacing=1 bgcolor=black>
        <tr bgcolor=#f0ffff>
            <td>张三</td>
            <td>李四</td>
        </tr>
        <tr bgcolor=#f0ffff>
            <td>张三</td>
            <td>李四</td>
        </tr>
    </table>
    </body>
    
    图片.png

    http://www.w3school.com.cn/html/html_tables.asp
    http://www.w3school.com.cn/tags/tag_table.asp

    相关文章

      网友评论

        本文标题:2-12. 细线表格

        本文链接:https://www.haomeiwen.com/subject/tzhmmxtx.html