css之盒子模型
2018-01-22 10:08
239 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css 盒子模型
- CSS样式三--盒子模型
- 【CSS】盒子模型
- CSS魔法堂：盒子模型简介
- 【CSS】CSS详细介绍：（HTML/CSS结合方式、CSS代码格式、选择器、盒子模型）
- Css3盒子模型-css学习之旅（5）
- CSS学习篇核心之——盒子模型
- 关于css的标准盒子模型
- CSS布局(一) 盒子模型基础
- CSS 盒子模型
- css中的盒子模型
- [HTML/CSS]盒子模型，块级元素和行内元素
- css之盒子模型案例
- CSS—盒子模型
- 【JavaWeb】CSS_盒子模型（div块标签）
- CSS-14.盒子模型的宽高问题和box-sizing属性
- css中的盒子模型
- css笔记16：盒子模型的入门案例
- Css3盒子模型-css学习之旅（5）
- CSS标准盒子模型