html——细线表格

最新推荐文章于 2022-02-10 08:12:49 发布

weixin_30237281

最新推荐文章于 2022-02-10 08:12:49 发布

阅读量72

点赞数

原文链接：http://www.cnblogs.com/wuqiuxue/p/7880274.html

版权

细线：

1、table表格设置背景色

2、table中设置单元格距离

3、tr标签设置另外一种背景色

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        td {
            width:40px;
            text-align:center;
        }
    </style>
</head>
<body>
    <table width="300" height="200" align="center" bgcolor="black" cellspacing="1">
        <caption>课程表</caption>
        <tr bgcolor="white">
            <td colspan="2"></td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
        </tr>
        <tr bgcolor="white">
            <td rowspan="2">上午</td>
            <td>1</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
        </tr>
        <tr bgcolor="white">         
            <td>2</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
        </tr>
        <tr bgcolor="white">
            <td rowspan="2">下午</td>
            <td>1</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
        </tr>
        <tr bgcolor="white">
            <td>2</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
            <td>你好</td>
        </tr>
    </table>
</body>
</html>

另外一个版本：http://www.cnblogs.com/wuqiuxue/p/7880574.html

转载于:https://www.cnblogs.com/wuqiuxue/p/7880274.html

weixin_30237281

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html——细线表格

细线：1、table表格设置背景色2、table中设置单元格距离3、tr标签设置另外一种背景色<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style&g...
复制链接

扫一扫