码迷,mamicode.com
首页 > 其他好文 > 详细

demo48-表格标签

时间:2020-03-28 19:44:19      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:title   head   nbsp   htm   utf-8   black   效果   row   png   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            table{
                width: 800px;
                height: 50px;
                border: 1px solid black;
            }
            tr,td,th{
                width: 800px;
                height: 50px;
                border: 1px solid black;
                text-align: center;
            }
            /*去掉a标签的下划线*/
            a{
                text-decoration: none;
            }
            .bg{
                background: yellow;
            }
        </style>
    </head>
    <body>
        <!--创建一个表格
            在写表格标签的时候必须先有行
            tr:行标签,t代表table,r表示row,所以tr就是表格行标签,简称行标签
            table cellpadding="0px":设置表格和表格之间的间距
        -->
        <table cellpadding="0px">
            <!--tr:创建一行-->
            <tr>
                <!--创建列
                    th:表头,t是table的意思,h是header的意思.所以th合起来就是表格头标签.简称表头标签
                -->
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
            <tr class="bg">
                <td><a href="#">柳言</a></td>
                <td></td>
                <td>28</td>
            </tr>
            <tr>
                <td>柳瑞</td>
                <td></td>
                <td>25</td>
            </tr>
            <tr>
                <td>柳瑞瑞</td>
                <td></td>
                <td>35</td>
            </tr>
            <tr>
                <td>周忠杰</td>
                <td></td>
                <td>55</td>
            </tr>
        </table>
    </body>
</html>

演示效果:

技术图片

 

demo48-表格标签

标签:title   head   nbsp   htm   utf-8   black   效果   row   png   

原文地址:https://www.cnblogs.com/huaibin/p/12588743.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!