8-6.布局元素实战

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我要自学网首页</title>
		<style type="text/css">
			header{
				width: 1366px;
				margin:0 auto;
			}
			nav{
				width: 1366px;
				margin:0 auto;
			}
			div{
				width: 1366px;
				margin:0 auto;
			}
			footer{
				width: 1366px;
				margin:0 auto;
			}
		</style>
	</head>
	<body>
		<header>
			<img src="images/index_01.png"/>
		</header>
		<nav>
			<img src="images/index_02.png"/>
		</nav>
		<div >
			<img src="images/index_03.png"/>
		</div>
		<div >
			<img src="images/index_04.png"/>
		</div>
		<div >
			<img src="images/index_05.png"/>
		</div>
		<div >
			<img src="images/index_06.png"/>
		</div>
		<div >
			<img src="images/index_07.png"/>
		</div>
		<div >
			<img src="images/index_08.png"/>
		</div>
		<div >
			<img src="images/index_09.png"/>
		</div>
		<footer>
			<img src="images/index_10.png"/>
		</footer>
	</body>
</html>

  

posted on 2021-11-04 21:42  Walker-Yang  阅读(12)  评论(0编辑  收藏  举报

导航