<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script src="http://demo.jb51.net/js/myfocus/content/templates/myfocus/js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript">
myfocus.set({
id:'picBox'
});
</script>
</head>
<body>
<div class="wrap">
<div class="logo">
<div class="logo_left">
<img src="素材/img/logo.jpg">
</div><!--logo_left结束-->
<div class="logo_right">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品特色</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">产品价格</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">关于我们</a></li>
<ul>
</div><!--logo_right结束-->
<div class="ad" id="picbox">
<ul>
<li><img src="http://img1.sycdn.imooc.com//53edad3e0001afad10000318.jpg"></li>
<li><img src="http://img1.sycdn.imooc.com//53edad2c0001b61310000314.jpg"></li>
<li><img src="http://img1.sycdn.imooc.com//53edad1600019ae910000310.jpg"></li>
</ul>
</div><!--ad结束-->
<div class="newspic"></div><!--newspic结束-->
<div class="newscontent"></div><!--newscontent结束-->
</div><!--wrap结束-->
</body>
</html>
@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
.wrap{
width:1000px;
margin:0 auto;
}
.logo{
height:80px;
background-color:#FFF;
}
.logo_left{
width:200px;
float:left
}
.logo_right li{
float:left;
width:100px;
list-style-type:none;
line-height:80px;
text-align:center;
}
.logo_right li a{
display:block;
font-size:16px;
font-family:"微软雅黑";
text-decoration:none;
color:#000;
}
.logo_right a:link,.logo_right a:visited{
color: #000000;
background-color: #FFFFFF;
}
.logo_right a:hover,.logo_right a:active{
color:#000;
background-color:#900;
}
.ad{
width:1000px;
height:320px;
overflow:hidden;
margin:5px 0 20px 0;
}