实现如下效果
下面是代码：其实全是体力活啊
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--<link rel="stylesheet" type="text/css" href="Test.css"/>-->
<style type="text/css">
* {
margin: 0px;
font-size: 12px;
}
div.divIndex {
height: 380px;
width: 290px;
background-color: #F8F8F8;
/*float: right;*/
margin: 0px auto;
}
div.div1 {
width: 290px;
height: 35px;
background-color: blue;
font-size: 18px;
color: white;
text-align: center;
}
div.div1 p {
font-size: 18px;
padding: 8px;
}
#table1 {
width: 290px;
}
div.divTable {
}
td.td1 {
font-weight: bolder;
}
td.td2 {
color: #246DB2;
padding: 6px;
border-bottom: 1px dashed #CCCCCC;
}
td.td3 {
font-weight: bolder;
color: red;
border-bottom: 1px dashed #CCCCCC;
text-align: right;
}
td.td4 {
font-weight: bolder;
color: blue;
border-bottom: 1px dashed #CCCCCC;
text-align: right;
}
</style>
</head>
<body>
<div class="divIndex">
<table id="table1">
<tr>
<td><div class="div1"><p>.Net培训开班信息</p></div></td>
</tr>
<tr>
<td>
<div class="divTable">
<table width="290px">
<tr>
<td class="td1">.Net基础班：</td>
<td></td>
</tr>
<tr>
<td class="td2">北京--2014年5月5号</td>
<td class="td3">预约报名中</td>
</tr>
<tr>
<td class="td2">北京--3月26号</td>
<td class="td4">爆满已开班</td>
</tr>
<tr>
<td class="td2">广州--2014年5月20号</td>
<td class="td3">预约报名中</td>
</tr>
<tr>
<td class="td2">广州--2014年4月12号</td>
<td class="td4">爆满已开班</td>
</tr>
<tr>
<td class="td1">.Net就业班：</td>
<td></td>
</tr>
<tr>
<td class="td2">北京2014年4月26号</td>
<td class="td3">预约报名中</td>
</tr>
<tr>
<td class="td2">北京--3月24号</td>
<td class="td4">爆满已开班</td>
</tr>
<tr>
<td>广州--2014年5月13号</td>
<td class="td3">预约报名中</td>
</tr>
<tr>
<td class="td2">广州--3月26号</td>
<td class="td4">爆满已开班</td>
</tr>
<tr>
<td class="td1">.Net远程班：</td>
<td></td>
</tr>
<tr>
<td class="td2">北京--2014年5月5号</td>
<td class="td3">基础班预约报名中</td>
</tr>
<tr>
<td class="td2">北京--2014年4月26号</td>
<td class="td3">就业班预约报名中</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
时间： 2024-10-14 12:38:06