标签：:hover charset link doc xhtml 1.0 ges pre styles com
<!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"> *{margin:0px; padding:0px;} h1,h2,h3,h4,h5,h6,ul,li,a,span{margin:0px; padding:0px;} a:link,a:visited{text-decoration:none;} a:hover {color:red;} ul,li{list-style:none;} body{font-size:16px;} .top {width:293px; margin:0 auto;border:10px solid #EEEEEE;} .top .title{ background:url(images/righttitle.gif) no-repeat; height:35px; line-height:35px; padding-left:32px; color:#fff; font-size:20px; font-weight:bold; } .top .nav{padding:10px;} .top .nav h4{font-weight:bold; padding:7px 0px 3px;} .top .nav li{padding:3px 0px; border-bottom:1px dashed;} .top .nav a{color:#4685BD;} .top .nav span{float:right; font-weight:bold;} .top .nav .blue{color:blue;} .top .nav .red{color:red;} </style> </head> <body> <div class="top"> <div class="title">PHP培训开班信息</div> <div class="nav"> <h4>PHP基础班</h4> <ul> <li><a href="#">北京--10月12号<span class="blue">爆满已开班</span></a></li> <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li> </ul> <h4>PHP就业班</h4> <ul> <li><a href="#">北京--10月12号<span class="blue">爆满已开班</span></a></li> <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li> </ul> <h4>PHP远程班</h4> <ul> <li><a href="#">北京--10月12号<span class="blue">预约报名</span></a></li> <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li> </ul> </div> </div> </body> </html>
效果图
标签：:hover charset link doc xhtml 1.0 ges pre styles com
原文地址：http://www.cnblogs.com/aria-h2o/p/6103313.html
