web布局设计demo

共12个文件

html：12个

布局设计

需积分: 10 9 下载量 79 浏览量 2015-09-22 14:03:46 上传评论收藏 7KB ZIP 举报

温馨提示

web布局设计对网站有着极其重要的作用，该资源包中包含了丰富的demo。

资源推荐

资源详情

资源评论

收起资源包目录

53a94de30001128300000000.zip （12个子文件）

页面布局结构

混合布局04.html 1KB

混合布局03.html 1KB

三列自适应.html 768B

二列自适应.html 628B

二列居中固定.html 715B

一列自适应.html 697B

二列居中自适应.html 709B

三列左右固定.html 774B

混合布局自适应.html 860B

一列固定.html 683B

混合布局02.html 870B

混合布局01.html 692B

共 12 条

<!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> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .head, .main, .footer{ width:960px; margin:0 auto} .head{ height:100px;background:#9CF} .left{ width:220px; height:600px; background:#ccc; float:left} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; float:right} .footer{ height:50px; background:#9F9; clear:both} </style> </head> <body> <div class="head">head</div> <div class="main"> <div class="left">left</div> <div class="right"> <div class="r_sub_left">sub_left </div> <div class=" r_sub_right">sub_right </div> </div> </div> <div class="footer">footer</div> </body> </html>

评论收藏

内容反馈

资源评论