HTML和CSS编写的精美的个人时间表

2019-03-18 14:54:15 阅读：247 来源： 互联网

标签：晚安 color 时间表 30 起床工作 HTML border CSS

<!-- CSS goes in the document HEAD or added to your external stylesheet -->
<style type="text/css">
table.imagetable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}
table.imagetable th {
    background:#b5cfd2 url('cell-blue.jpg');
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999999;
}
table.imagetable td {
    background:#dcddc0 url('cell-grey.jpg');
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999999;
}
</style>
<center>
<!-- Table goes in the document BODY -->
<table class="imagetable" width="800" height="494">
<tr colspan="8">我的时间表</tr>
<tr>
    <th>时间</th>
    <th>星期一</th>
    <th>星期二</th>
    <th>星期三</th>
    <th>星期四</th>
    <th>星期五</th>
    <th>星期六</th>
    <th>星期天</th>
</tr>
<tr align="center">
    <td>7:30-8:20</td>
    <td>起床</td>
    <td>起床</td>
    <td>起床</td>
    <td>起床</td>
    <td>起床</td>
    <td rowspan="3">工作2小时</td>
    <td rowspan="3">学习1小时</td>
</tr>
<tr>
<td colspan = "6" height="10">上班start</td>
</tr>
<tr align="center">
    <td>8:45-11:55</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
<tr>
<td colspan = "8" height="50">午休时间90min</td>
</tr>
<tr align="center">
    <td>13:30-15:30</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td rowspan="7">做毕设</td>
    <td rowspan="7">工作2小时</td>
</tr>
<tr>
<td colspan = "6" height="10">下午活动时间20min</td>
</tr>
<tr align="center">
    <td>15:50-18:10</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
    <td>工作</td>
</tr>
<tr>
<td colspan = "6" height="10">下班end</td>
</tr>
<tr align="center">
    <td>19:30-22:00</td>
    <td>学习、工作</td>
    <td>学习、工作</td>
    <td>学习、工作</td>
    <td>学习、工作</td>
    <td>学习、工作</td>
</tr>
<tr >
<td colspan = "6" height="10" bgcolor="red">自由时间</td>
</tr>
<tr align="center">
    <td>23:00 -</td>
    <td>晚安</td>
    <td>晚安</td>
    <td>晚安</td>
    <td>晚安</td>
    <td>晚安</td>
</tr>
</table>
</center>

效果图如下

记得点赞收藏关注我♪(＾∀＾●)ﾉ，让小哥哥带你闯荡互联网开发的世界♥♥♥♥♥

标签：晚安,color,时间表,30,起床,工作,HTML,border,CSS
来源： https://www.cnblogs.com/lucklyphp/p/10529386.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML和CSS编写的精美的个人时间表