«

表格的基本使用

MitSeek 发布于 阅读：35 HTML 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            table{
                background-size: 200px 200px;
                color: white;
            }
            tr{
                height: 150px;
                align-items: center;

            }
        </style>
    </head>
    <body>
        <table border="10"
                bordercolor="blue" cellspacing="0" cellpadding="20" bgcolor="green"><!-- 边框颜色 --> 
                 <!-- 边框间距为0 ,文字的间距,背景颜色-->

            <caption>表格</caption><!-- 定义表格标题 -->
            <tr>
                <td colspan="3">0</td><!-- 跨3列 -->

            </tr>
            <tr>
                <th>1</th><!-- 定义表格表头 -->
                <th>2</th>
                <th>3</th>
            </tr>
            <tr>
                <td rowspan="2"><img src="02.jpg" width="150px"/></td><!-- 跨2行 ,img插入图片-->
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>

                <td>8</td>
                <td>9</td>
            </tr>
        </table>
    </body>
</html>

HTML