<!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>
效果图:
时间： 2024-08-26 12:07:26