HTML_0419作业

最新推荐文章于 2022-10-21 18:21:39 发布

chimo8206

最新推荐文章于 2022-10-21 18:21:39 发布

阅读量140

点赞数

原文链接：https://my.oschina.net/u/3819174/blog/1798392

版权

作业：

完成预览图：

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body,div,ul,li{ margin: 0px; padding: 0px; list-style: none; font-style: inherit; }

.d_beijing{ width: 100%; height: 600px; background-image: url("images/body_bg.jpg"); 
		background-repeat: no-repeat; padding-top: 120px; }

.d_beijing .d_daohang{ width: 1120px; height: 30px; margin: 0px auto;  }
.d_beijing .d_daohang .dh_left{ width: 20px; height: 55px; background-image: url("images/left.jpg");
		background-repeat: no-repeat; float: left; } 
		
.d_beijing .d_daohang .dh_center{ width: 1080px; height: 55px; background-image: url("images/nav_bg.jpg"); float: left; } 
.d_beijing .d_daohang .dh_center ul{ text-align: center; }
.d_beijing .d_daohang .dh_center ul li{ font-family: 微软雅黑; font-size: 15px; font-weight: bold;
		color: #FFFFFF; float: left; line-height: 45px; width: 120px; }
.d_beijing .d_daohang .dh_center ul .c_l{ background-image: url("images/line.jpg"); background-repeat: no-repeat; 
		background-position: 0px 5px; }
		
.d_beijing .d_daohang .dh_right{ width: 20px; height: 55px; background-image: url("images/right.jpg");
		background-repeat: no-repeat; float: left; }
</style>
</head>
<body>
	<div class="d_beijing">
		<div class="d_daohang">
		<div class="dh_left"></div>
		<div class="dh_center">
			<ul>
				<li>网站首页</li>
				<li class="c_l">公司新闻</li>
				<li class="c_l">行业动态</li>
				<li class="c_l">基地管理</li>
				<li class="c_l">会员服务</li>
				<li class="c_l">网上购物</li>
				<li class="c_l">产品展示</li>
				<li class="c_l">关于我们</li>
				<li class="c_l">ENGLISH</li>
			</ul>
		</div>
		<div class="dh_right"></div>
		</div>
	</div>
</body>
</html>

转载于:https://my.oschina.net/u/3819174/blog/1798392