7.表格标签.html

沃梦达教程前端开发

2023-10-28

!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/title/headstyle type=text/csstr:hover{background-color: greenyellow;}/stylebodytable border=1 bordercolor=red width=400 hei...

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    
    <style type="text/css">
        
        tr:hover{
            background-color: greenyellow;
        }
        
    </style>
    
    <body>
        
        <table border="1" bordercolor="red" width="400" height="400" cellspacing="0" bgcolor="aqua" <!--background="img/3.jpg"-->>
            <caption>表格标题</caption>
            <tr>
                <th>姓名</th><th>年龄</th><th>性别</th>
            </tr>
            <tr align="center">
                <td>jack</td><td>18</td><td>男</td>
            </tr>
            <tr>
                <td colspan="2">rose</td><td>女</td>
            </tr>
            <tr>
                <td rowspan="2">tom</td><td>6</td><td>女</td>
            </tr>
            <tr>
                <td>3</td><td>女</td>
            </tr>
            
        </table>
        
    </body>
</html>

沃梦达教程

本文标题为：7.表格标签.html