0
点赞
收藏
分享

微信扫一扫

HTML之表格制作

落花时节又逢君to 2022-04-14 阅读 68
vscode
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第六章1</title>
    <style type="text/css">
        .row{   
            background-color:darkgoldenrod;   /*单元格背景颜色*/  
        }
        .rown{
            background-color: darkkhaki;
        }

    </style>
</head>
<body>
    <table border="1" width="600" height="300" align="left" cellspacing="0">  <!-- border="1"代表边框粗细,cellspacing="0"代表框与框之间的距离-->
        <tr align="center" class="row">
            <td width="100" height="50">网名</td>
            <td>微博</td>
            <td>email</td>
            <td>QQ</td>
        </tr>
        <tr class="rown">
            <td>张三</td>
            <td>http://t.qq.com/zhangsan</td>
            <td>zhangsan@163.com</td>
            <td>123456789</td>
        </tr>
        <tr class="rown">
            <td>李四</td>
            <td>http://t.qq.com/lisi</td>
            <td>lisi@163.com</td>
            <td>123456789</td>
        </tr>
        <tr class="rown">
            <td>王五</td>
            <td>http://t.qq.com.wangwu</td>
            <td>wangwu@162.com</td>
            <td>123456789</td>
        </tr>
        <tr class="rown">
            <td>马六</td>
            <td>http://t.qq.com/maliu</td>
            <td>maliu@163.com</td>
            <td>123456789</td>
        </tr>
        <tr class="rown">
            <td>迈克</td>
            <td>http://t.qq.com.maike</td>
            <td>maike@163.com</td>
            <td>123456789</td>
        </tr>

    </table>
</body>
</html>

 

举报

相关推荐

Html制作表格

html之表格标签

HTML表格

html表格

HTML之表格设计错因纠正

HTML - html 表格(二)

【无标题】表格制作

0 条评论