程序代码<style>
/* 子 鼠 www.zishu.cn */
body{margin:0px;padding:0px;font-size:12px; " />

一行三列DIV+CSS布局解析

时间:2008-10-06 10:50:29  来源:第二电脑网上收集  作者:

  第二电脑网导读:RDER-LEFT: #8394b2 4px solid; BORDER-BOTTOM: #8394b2 1px dotted">
  正文:

一行三列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部分:

程序代码
<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>


实例效果:

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

一行三列DIV+CSS布局解析》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/css/2008-10-06/2063.html


关键字:

关于《一行三列DIV+CSS布局解析》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td