网页布局色块
2015-05-29 20:04
274 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页色块布局</title> <style> #top{width:100%; height:30px; background:#CCC; margin-top:0px;} #top #mid{width:1210px; height:30px; margin:0 auto; background:#666;} #imgage{width:1210px; height:80px; margin:0 auto; background:#F00;} #sousuo{width:1210px; height:100px; margin:0 auto; background:#CCC;} #menu{width:1210px; height:48px; margin:0 auto; background:#F00;} #flash_box{width:1210px; height:470px; margin:0 auto; border:2px solid red;} #flash_box_left{width:212px; height:470px; background:#C63; float:left;} #flash_box_mid1{width:730px; height:470px; background:#30F; float:left;} #flash_box_right1{width:265px; height:200px; background:#C06; float:left; } #flash_box_right2{width:265px; height:270px; background:#CF0; float:left;} #imgchange{width:1210px; height:152px; margin:0 auto; border:2px solid red;} #imgchange_left{width:212px; height:152px; background:#FF0; float:left;} #imgchange_right{width:997px; height:152px; background:#0FF; float:left;} </style> </head> <body> <!--顶标签--> <div id="top"> <div id="mid">顶标签 <a href="javascript:;">注册</a> <a href="javascript:;">登录</a> </div> </div> <!--顶标签结束--> <!--图片--> <div id="imgage" >图片</div> <!--图片结束--> <!--搜索框标记--> <div id="sousuo">搜索框标记</div> <!--搜索框标记结束--> <!--导航条--> <div id="menu">导航条</div> <!--导航条结束--> <!--flash大区域--> <div id="flash_box"> <div id="flash_box_left">flash大区域左</div> <div id="flash_box_mid1">flash大区域中</div> <div id="flash_box_right1">flash大区域右上</div> <div id="flash_box_right2">flash大区域右下</div> </div> <!--flash大区域结束--> <!--图片切换框--> <div id="imgchange"> <div id="imgchange_left">图片切换框左</div> <div id="imgchange_right">图片切换框右</div> </div> <!--图片切换框结束--> </body> </html>
相关文章推荐
- makefile文件中.phony假想依赖的建立
- hdu 1588 求f(b) +f(k+b) +f(2k+b) +f((n-1)k +b) 之和 (矩阵快速幂)
- LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- 重温ASP.NET内置对象之Request
- LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- memcache同步session的方法
- 看着脚下默默前行
- _利用android提供的HanziToPinyin工具类实现汉字与拼接的转换
- HashMap为什么是线程不安全的?
- 计算机中的红与黑(二)
- Django笔记---模板的使用
- 关于百度搜索之后后面的%23%%%%是怎么出来的
- 3d数学基础-RotationMatrix-惯性坐标系到物体坐标系,物体坐标系到惯性坐标系-用C++代码实现
- prototype和__proto__
- 友盟自动更新
- (转)xshell无法在vim中复制黏贴
- 第二阶段每日站立会议Third Day
- Chinese Remainder Theorem
- 超市管理系统用例建模
- nyist 42 一笔画 (欧拉回路 + 并查集)