当前位置:首页 >> 站长天地 >> 网页制作 >> 内容

一行三列DIV+CSS布局解析

时间:2008-10-6 10:50:00 栏目:网页制作 点击: 来源:不详

 [网页制作]-本文简要:一行三列DIV+CSS布局;这是昨天晚上做的一个例子;CSS部分:seover='function anonymous(){this.style.cursor='hand'}' onclick='{window.open('http://www.cnwebshow.com/up/pic/070805...

D6电脑网 (d6pc.com): 一行三列DIV+CSS布局解析-网页制作

一行三列DIV+CSS布局;这是昨天晚上做的一个例子;

CSS部分:

seover="function anonymous(){this.style.cursor='hand'}" onclick="{window.open('http://www.cnwebshow.com/up/pic/0708050183900/0.gif');}" src="http://www.cnwebshow.com/up/pic/0708050183900/0.gif" onload="if(this.width>600) {this.resized=true; this.width=600;}" /> 程序代码<style>
/* 子 鼠 www.zishu.cn */
body{margin:0px;padding:0px;font-size:12px; line-height:1.8;font-family: Verdana,宋体;}

#footer{background:#FF66CC;}
#header{ background:#FF3300;}
#footer,#header,#wrap{clear:both;}

#info{width:100%;background:#FF9900; float:left;}
#left{float:left;width:200px;background:#CC9966; }
#center{margin:0 200px;background:#666;}
#right{ margin-left:-200px; float:left; background:#CC6666; width:200px; }

</style>

DIV部分:

600) {this.resized=true; this.width=600;}" /> 程序代码<div id="header">header</div>

<div id="wrap">

<div id="info">
  <div id="left">left<</div>
  <div id="center">富翁的儿子与朋友做生意,被骗了富翁的儿子与朋友做生意。富翁的儿子与朋友做生意,被骗了儿。富翁的儿子与朋友做生意,被骗了儿。富翁的儿子与朋友做生意,被骗了儿。富翁的儿子与朋友生骗了儿。富翁的儿子与朋友做生意,被骗了儿。
  </div>
</div>
<div id="right">right</div>

</div>

<div id="footer">footer</div>


实例效果:

友情提示:全选代码复制运行,您也可以先修改部分代码再运行查看效果 。

Tags:布局 解析 


D6电脑网|电脑学习,电脑维修,电脑技术网;
设电脑学习,电脑入门,电脑技术,电脑教程,电脑维修,硬件知识,
网页设计建站,桌面壁纸,主题下载,WIN7下载,常用软件下载等栏目。感谢您的支持!
栏目:网页制作 作者:佚名 来源:不详
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
本类推荐
  • 没有
本类固顶
  • 没有
网友推荐
链接申请
  • D6电脑网(www.d6pc.com) © 2018 版权所有 All Rights Reserved.
  • 本站为纯技术学习交流型网站,部分资源来源网络,仅供学习交流,版权归原作者,本站仅为转载,如有侵犯您的利益请联系我们删除.谢谢!
    关于D6电脑学习网 广告合作 419807867@QQ.COM 联系站长 网站地图 粤ICP备09035016号
  • 摆脱浅薄和低俗的最好办法就是学习,我们加油!D6PC! V3.0