标签：
实现如下效果
下面是代码：其实全是体力活啊
<!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>
.Net学习笔记----2015-07-15(HTML+CSS练习)
标签：
原文地址：http://www.cnblogs.com/mikie/p/4648938.html
