css三列布局
2016-02-11 13:42
591 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ margin: 0; padding: 0; } .left{ width: 200px; height: 200px; position: absolute; left: 0; top: 0; background-color: #464646; } .middle{ height: 200px; margin: 0 310px 0 210px; background-color: #006486; } .right{ height: 200px; width: 300px; position: absolute; right: 0; top: 0; background-color: #888888; } </style> </head> <body> <div class="left"></div> <div class="middle"></div> <div class="left"></div> </body> </html>
相关文章推荐
- 网页布局CSS初始化代码
- 网页中Logo的样式代码
- 根据设备视口宽度来更换样式表
- 利用CSS3媒体查询实现更换样式表
- 了解HTML CSS布局(层叠样式表)
- 前端试题-什么是css sprite?优缺点?
- 利用JS生成博文目录及CSS定制博客
- [笔记][Web]利用JS生成博文目录及CSS定制博客
- 【CSS笔记】display:inline-block的使用
- mac下 静态文件css403无法显示
- HTML+CSS笔记 CSS笔记集合
- HTML+CSS笔记 CSS中级 一些小技巧
- HTML+CSS笔记 CSS中级 颜色&长度值
- HTML+CSS笔记 CSS中级 缩写入门
- HTML+CSS笔记 CSS进阶再续
- HTML+CSS笔记 CSS进阶续集
- HTML+CSS笔记 CSS进阶
- HTML+CSS笔记 CSS入门续集
- HTML+CSS笔记 CSS入门
- CSS之样式相关