web前端开发入门之网站布局
2016-03-04 15:25
585 查看
</pre>简单的网页布局<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <title>首页布局</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="心境空明 http://blog.csdn.net/qq_22325387" /> <style> #container{ height: 1000px; width: 1000px; background: grey; } #head{ height: 240px; background: blue; } #main{ height: 480px; background: red; } #lside{ height: 480px; width: 500px; float: left; background: purple; } #rside{ height: 480px; width: 500px; float: right; background: green; } #foot{ height: 240px; background: yellow; } </style> </head> <body> <div id="container"> <div id="head" ></div> <div id="main"> <div id="lside"></div> <div id="rside"></div> </div> <div id="foot"></div> </body> </html>效果如图:
相关文章推荐
- 比较实用的网站
- web网站优化
- 秒杀系统架构分析与实战
- updata 网站的portfolio
- 搭建网站的一些问题
- 欺诈网站都注重用户体验!你,还在等什么?!
- 欺诈网站都注重用户体验!你,还在等什么?!
- 我在MDCC 2015的演讲PPT《HTML5移动应用多端开发架构实践》分享
- Discuz NT 架构剖析之Config机制
- 网站遭遇CC及DDOS攻击紧急处理方案
- 网站遭遇CC及DDOS攻击紧急处理方案
- 10种分层模式
- 对于三层架构的认识整理
- iOS 分层架构设计
- 1.常见的三种存储架构(DAS、NAS、SAN)
- 在我的lnmp环境上部署我的网站
- 从Hadoop到Spark的架构实践
- 负载均衡—大型网站架构系列:负载均衡详解(上)
- xampp下创建多个虚拟网站目录
- 如何让网站判断是手机客户端访问,如果是跳到手机版