标签：list desc .com splay 结束 des lis asc 网页
<!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; } .clear{ clear:both; } /*****************导航栏开始************/ .top{ width:100%; height:58px; background-color:#191D3A; position:fixed; top:0px; left:0px;border:1px solid red;margin:0 auto; } .top .dhl{ width:1000px; height:58px;margin:0 auto;border:1px solid red; } .top img{ float:left; } .top .dhl ul li{ list-style:none; float:left; height:58px; line-height:58px; width:100px; text-align:center; border-right:1px solid #252947; } .top .dhl ul .sy{ background-color:#252947; } a{ display:block; height:58px; width:100px; text-decoration: none;/*清除下划线*/ color:#818496; } a:hover{ color:#fff; } .top .dhl .jrwm{ width:100px; height:34px; float:left; position:fixed;top:12px;right:210px;border:1px solid red; } /*****************导航栏结束************/ .q{width:100%; height:200px; border:1px solid red;} /*.z{ width:100% height:100px; /*background: url(images/03.jpg) no-repeat center center; border:1px solid red; }*/ </style> <script type="text/javascript"></script> </head> <body> <div class=‘top‘> <div class=‘dhl‘> <img src=‘images/01.png‘> <ul> <li class=‘sy‘><a href=‘#‘>首页</a></li> <li><a href=‘#‘>博雅魔兽世界</a></li> <li><a href=‘#‘>博雅LOL</a></li> <li><a href=‘#‘>博雅斗地主</a></li> <li><a href=‘#‘>博雅QQ飞车</a></li> <li><a href=‘#‘>联系我们</a></li> </ul> <div class=‘jrwm‘><img src=‘images/02.png‘></div> <div> <div class="clear"></div> </div> </body> </html>
效果图:
标签：list desc .com splay 结束 des lis asc 网页
原文地址：http://www.cnblogs.com/1135721684-qq/p/6130150.html
