html绘制课程表

来源：互联网发布：表格数据不多格式大编辑：程序博客网时间：2024/06/07 10:11

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>课程表</title>    <style type="text/css">        table{            border-collapse: collapse;         }        td{            border: 1px solid red;        }        #middle{            height: 15px;        }    </style></head><body>    <table>        <tr>            <td>时间</td>            <td>1</td>            <td>2</td>            <td>3</td>            <td>4</td>            <td>5</td>        </tr>        <tr>        <!-- 行跨度2 -->            <td rowspan="2">上午</td>            <td>语文</td>            <td>数学</td>            <td>英语</td>            <td>化学</td>            <td>体育</td>        </tr>        <tr>            <td>物理</td>            <td>美术</td>            <td>线代</td>            <td>化学</td>            <td>英语</td>        </tr>        <tr>        <!-- 列跨度 -->            <td id="middle" colspan="6"></td>        </tr>        <tr>            <td rowspan="2">下午</td>            <td>物理</td>            <td>英语</td>            <td>数学</td>            <td>体育</td>            <td>思修</td>        </tr>        <tr>            <td>数学</td>            <td>物理</td>            <td>地理</td>            <td>历史</td>            <td>大扫除</td>        </tr>    </table></body></html>

效果：
这里写图片描述

阅读全文

0 0