css单列布局
2016-02-06 00:00
609 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{margin: 0;padding: 0} .main{ background-color: #464646; width: 800px; height: 300px; margin: 0 auto; } .top{ height: 100px; background-color: #3080CB; } .footer{ width: 800px; height: 200px; margin: 0 auto; background-color: #006486; } </style> </head> <body> <div class='top'></div> <div class="main"></div> <div class="footer"></div> </body> </html>
相关文章推荐
- css 清除浮动的两种常用方式
- CSS实现响应式正方形
- CSS选择器
- CSS块级元素和行内元素
- HTML/CSS的学习过程一览
- 样式表切换-网页换肤
- Java学习心得——jsp中引入css等格式的配置方法
- CSS3:backgroud-size和background-origin的使用方法
- css3 一个大图做多个div的背景
- CSS 关于文本 背景 边框整理
- 窗口样式: 不让窗口可拖动size, 不让窗口最大化
- 应用css3制作loading效果
- html样式 链接 表格
- css2
- CSS3折腾集
- CSS基础知识—【结构、层叠、视觉格式化】
- transform属性
- CSS属性之box-reflect(倒影)
- HTML + CSS -- 标签
- 纯css实现下拉列表