HTML4

最新推荐文章于 2024-05-23 06:33:49 发布

转载最新推荐文章于 2024-05-23 06:33:49 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3962295/blog/2032319

<!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>