H5/Web前端开发教程

2-12. 细线表格

2017-11-09  本文已影响0人  一Left一

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

2、制作细线表格

<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

上一篇 下一篇

猜你喜欢

热点阅读