首页 > Web开发 > 详细

html5学习日记2-表格

时间:2016-07-11 10:23:51      阅读:319      评论:0      收藏:0      [点我收藏+]

<html>
<head>
    <meta charset="UTF-8">
    <title>lala</title>
    <meta name="keywords" content="hahaha"/>
    <meta name="description" content="来来我是一颗菠菜" />
<style>
    a{
        background: rgba(0,255,0,0.5);
        color:#f00;
    }
    caption{
        font-size:30px;
        font-weight:bold;
        color:#a00;
    }
    tr{
        text-align:center;
    }
    table,th,td{
        border-color:#f00;
    }
    </style>
</head>
<body>
    <a href=‘index.html‘ target=‘blank‘>
        <img src=‘l.jpg‘ >
    </a>
    <!-- 超链接<a href=‘‘ target=‘blank‘> </a> -->
    <!-- 图片超链接<a href=‘http://i.firefoxchina.cn/?from=worldindex‘target=‘blank‘>
        <img src="l.jpg" > -->
        <table border=‘ipx‘ cellspacing=‘0px‘ width=‘700px‘>
        <caption>用户表</caption>
        <tr>
            <th>编号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        <tr>
            <td colspan=‘3‘>123</td>
        </tr>
        <tr>
            <td rowspan=‘8‘>1</td>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>user1</td>
            <td>qqq</td>
        </tr>
        <tr>
            <td>1</td>
            <td>user1</td>
            <td>qqq</td>
        </tr>
    </table>
</body>
</html>

技术分享

html5学习日记2-表格

原文:http://www.cnblogs.com/lwyy/p/5659342.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!