使用div为网页布局
来源:互联网 发布:mac怎么显示包内容 编辑:程序博客网 时间:2024/05/01 23:14
今天使用css的div为网页做一个大致的布局,之后可以在块内填充内容,如果有内容的话,css中的height可以省略
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="stle.css"></head><body><div class="head"></div><div class="body"> <div class="content1"></div> <div class="content2"></div></div><div class="foot"></div></body></html>
stle.css
body{ margin: 0px;}.head{ width: 100%; height: 100px; background-color: blueviolet;}.body{ width: 75%; height: 1000px; background-color: coral; /*使body居中显示,并且与上下都有外边距*/ margin: 10px auto;}.content1{ width: 100%; height: 50%; background-color: darkkhaki;}.content2{ width: 100%; height: 50%; background-color: gold;}.foot{ width: 100%; height: 150px; background-color: cornflowerblue;}
1 0
- 使用div为网页布局
- 网页布局(div布局)
- CSS+DIV网页布局
- div+css 网页布局
- div+css 网页布局
- 网页布局(div)
- 精通CSS+DIV网页样式与布局--滤镜的使用
- 精通CSS+DIV网页样式与布局--滤镜的使用
- DIV+CSS网页布局
- DIV+CSS网页布局实例
- div+css定位网页布局
- div+css网页布局(sina)
- div+css网页布局(163)
- div+css网页布局(163)
- div+css 网页布局基础
- DIV+CSS实现网页布局
- 网页css+div布局技巧
- DIV+CSS网页布局实用技巧
- NodeJS Connect 简单路由中间件
- Android保证首次获取到的location对象不为空的解决方案
- HDOJ 1008 Elevator
- Android之图片加载库Picasso源码分析
- opencv 行人计算,详细分析(每行解释)---给女朋友看的,初学者T T
- 使用div为网页布局
- android:第二个anroid项目 电话拨号器
- java.lang.NoClassDefFoundError: javax/persistence/Cacheable
- Hibernate【1】(安装 JBoss Tools,集成Hibernate)
- Android之-异步消息处理机制
- Alex-Word-Filter-MFC网络版(修正版)
- Educational Codeforces Round 7 D. Optimal Number Permutation(构造)
- 服务器选型参考TPC-C值
- 创建及调用基于QT5 QML的 DLL(举例QML中使用QZXing识别二维码)