设为首页收藏本站

自学it网-公益PHP培训!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 389|回复: 1

课时37整齐表格 [复制链接]

Rank: 1

发表于 2018-4-3 21:33:07 |显示全部楼层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>课程表</title>
<style type="text/css">
table
     {
         border-collapse:collapse;
         }
tr th{
    border: 1px solid blue;
                        padding: 6px 25px;
                        width: 60px;
                        height: 30px;
                                        font-size:14px;
}
   td{
    border: 1px solid blue;
                        padding: 6px 25px;
                        width: 60px;
                        height: 30px;
                                        font-size:14px;
                                            text-align: center;
}
</style>
</head>

<body>
    <table>
    <tbody>
          <tr>
          <th>时间日期</th>   <th></th>    <th>一</th>   <th>二</th>   <th>三</th>   <th>四</th>
          <th>五</th>
          </tr>
          <tr>
          <td>上午</td>  <td>1</td>  <td>语文</td>  <td>数学</td> <td>英语</td>  <td>计算机</td> <td>魔法</td>
          </tr>
          <tr>
          <td>下午</td> <td>2</td>  <td>休息</td>  <td>地理</td> <td>生物</td>  <td>法语</td> <td>魔术</td>
          </tr>
         
    </tbody>
   
   
          </table>
</body>
</html>

使用道具 举报

Rank: 1

发表于 2018-4-3 21:35:51 |显示全部楼层
这是效果
QQ图片20180403213000.png

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|自学it网 ( 京ICP备12009156号 )  

GMT+8, 2018-4-25 00:35 , Processed in 0.032758 second(s), 7 queries , Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部