博客列表 >0423表格的跨行合并功能

0423表格的跨行合并功能

少爷仔的博客
少爷仔的博客原创
2019年04月24日 18:53:47774浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格的跨行合并功能</title>
</head>
<body>
        <caption>成绩表</caption>
        <table border="1px" cellspacing="0" cellpadding="10px" width="300px" >
            <thead>
            <tr bgcolor="#6495ed">
                <th>姓名</th>
                <th>科目</th>
                <th>成绩</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td rowspan="3" align="center">小明</td>
                <td>语文</td>
                <td>90</td>
            </tr>
            <tr>
                <td>数学</td>
                <td>100</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>90</td>
            </tr>
            <tr>
                <td colspan="2" align="center">总分</td>
                <td>280</td>
            </tr>
            </tbody>
        </table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议