HTML+CSS实现课程表
HTML
<html>
<head>
<meta charset="utf-8">
<title>title>
<style type="text/css">
table{
border: 4px solid orange;
margin: 0 auto;
border-spacing: 0;
width: 60%;
}
td{
border: 1px solid #666;
}
style>
head>
<body>
<table>
<tr>
<td colspan="7" align="center" height="40px">课程表td>
tr>
<tr>
<td>td>
<td>td>
<td>星期一td>
<td>星期二td>
<td>星期三td>
<td>星期四td>
<td>星期五td>
tr>
<tr>
<td rowspan="4">上午td>
<td width="60px">1td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">2td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">3td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">4td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td colspan="7" height="30px">午休td>
tr>
<tr>
<td rowspan="4">下午td>
<td width="60px">5td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">6td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">7td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
<tr>
<td width="60px">8td>
<td>td>
<td>td>
<td>td>
<td>td>
<td>td>
tr>
table>
body>
html>
