css之盒子模型

最新推荐文章于 2024-10-17 20:27:26 发布

lostcontrol_

最新推荐文章于 2024-10-17 20:27:26 发布

阅读量183

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/lostcontrol_/article/details/79125905

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="utf-8">
	<title></title>
	
	<style>
		*{margin:0;padding:0;}
		.top{width:100%; height: 50px; background: #cee8fc}
		.top_content{width: 75%; height: 50px; background: #5ba8ee; margin: 0 auto;}
		.body{width: 75%; height: 950px; background: gray; margin: 0 auto;}
		.banner{width: 100%; height: 350px;background: #d5b9ae; }
		.body_content{width: 100%; height: 600px; background: #fcc;}
		.footer{margin: 0 auto; width: 75%; height:300px background: #ffc;}
	</style>
</head>

	
<body>
	<div class="top">
		<div class="top_content"></div>
	</div>
	<div class="body">
		<div class="banner"></div>
		<div class="body_content"></div>
	</div>
	<div class="footer"></div>
</body>


</html>