<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
/* div ul {
list-style:none;
text-decoration:none;
float:left;
background:url(../images/nav_bg.jpg) repeat-x;
width:1200px;
height:45px;
color:white;
} */
div ul li{
list-style: none;
float:left;
width:80px;
font-weight:bolder;
}
div ul li a{
color:#000;
font-size: 14px;
}
a:hover{
color:red;
}
a{
text-decoration: none;
}
body{
width: 1360px;
height: 612px;
background-image: url("../images/body_bg.jpg") ;
/* background-color: blue; */
}
.div_box {
margin: 0 auto;
margin-top: 130px;
border:1px solid green;
width:851px;
height: 45px;
background-color: green;
/* background-image: url("../images/body_bg.jpg") ; */
}
.div1{
float:left;
margin: 0 auto;
border: none;
width: 25%;
height: 10%;
}
</style>
</head>
<body>
<div class="div_box">
<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>
<li><a href="#">产品展示</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">ENGLISH</a></li>
</ul>
<div class="div_1" ></div>
</div>
</body>
</html>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
