标签：text xmlns lin border php xhtml weight www styles
<!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" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>网页标题</title> <meta name="keywords" content="关键字列表" /> <meta name="description" content="网页描述" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> body,ul,li,h3,a{ padding:0px; margin:0px; } body{ font-family:宋体; font-size:12px; background-color:#ccc; } a:link,a:visited{color:#0000ff;text-decoration:none;} a:hover{color:#ff0000;} .kaiban{ width:295px; background-color:#fff; margin:50px auto; /*火狐：div在网页中对齐*/ } .kaiban .tisit{ padding-left:40px; line-height:35px; color:white; font-size:16px; height:35px; background-image:url(images/righttitle.gif);} .red{color:red;} .blue{color:blue;} ul,li{list-style:none;} .kaiban .lh span{ font-weight:bold; float:right; } .kaiban .lh .red,.kaiban .lh .blue{ text-align:right; font-weight:bold; } .kaiban .lh{padding:15px 20px 15px 20px;} .kaiban .lh h3{padding:3px 3px;} .kaiban .lh li{border-bottom:1px dashed #ccc;padding:3px 0px;} </style> <script type="text/javascript"></script> </head> <body> <div class="kaiban"> <div class="tisit">PHP培训开班信息</div> <div class="lh"> <h3>PHP基础</h3> <ul> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="red">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> </ul> <h3></h3> <h3>PHP基础</h3> <ul> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="red">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> </ul> <h3></h3> <h3>PHP基础</h3> <ul> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="red">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="red">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> <li><a href="#">北京--第39期（2015年07月28号）</a><span class="blue">预约报名</span></li> </ul> </div> </div> </body> </html>
实现图：
标签：text xmlns lin border php xhtml weight www styles
原文地址：http://www.cnblogs.com/lihang666/p/6096180.html
