2006/02/07 | DIV布局
类别(设计代码) | 评论(0) | 阅读(44) | 发表于 16:29
程序代码： [ 复制代码 ] [ 运行代码 ]　


<style>div {display:inline;}</style>
<center>
<div style="border: 1px solid red;width:670;height:99;background:cyan;align:absmiddle;"><center>一无所有</div>
<br><br>
<div>
<div style="border: 1px solid lime;margin: 0;width:200;height:199;background:yellow;align:absmiddle;"><center>二龙戏珠</div>
<div style="border: 1px solid red;margin-left: 10;width:150;height:199;background:pink;align:absmiddle;"><center>三娘教子

</div>
<div style="border: 1px solid blue;margin-left: 10;width:300;height:199;background:gray;align:absmiddle;"><center>四海升平

</div></div>



程序代码： [ 复制代码 ] [ 运行代码 ]　
<style>
body {color: #CC3399;font: bold 12px/24px Verdana;}
div {background: #CCCCCC;margin: 5px 5px 0px 0px;padding: 5px;border: 2px solid #E0E0E0;}
</style>
<div style="width: 400px;">top</div>
<div style="width: 110px;height: 200px;float: left;">left</div>
<div style="width: 80px;height: 200px;float: left;">center</div>
<div style="width: 200px;height: 200px;float: left;">right</div>
0

评论Comments

日志分类
首页[13]
照片[3]
交换日记[7]
设计代码[3]