随笔-167  评论-65  文章-0  trackbacks-0

效果预览:

image

css:

  <style   type="text/css">   
  <!--   
  .table_tile{   
  text-align:left;   
  height:   20px;   
  width:   25%;   
  float:   left;   
  }   
  .table_tile_{   
  text-align:right;   
  background-color:#0000FF;   
  height:   20px;   
  background-color:#999966;   
  width:   25%;   
  float:   left;   
  }   
  .table_tile_bottom{   
  text-align:left;   
  background-color:#FFF000;   
  height:   20px;   
  width:   25%;   
  float:   left;   
  }   
  -->   
  </style>  

 

html:

  <div   class="table_tr">   
  <div   class="table_tile">top0</div>   
  <div   class="table_tile_">top1</div>   
  <div   class="table_tile">top2</div>   
  <div   class="table_tile">top3</div>   
  </div>   
    
  <div   class="table_tr">   
  <div   class="table_tile_bottom">bottom0</div>   
  <div   class="table_tile_bottom">bottom1</div>     
  <div   class="table_tile_bottom">bottom2</div>   
  <div   class="table_tile_bottom">bottom3</div>     
  </div>   

 

或者来个更简单的:

<style>
 .float_left{   
  text-align:left;   
  height:   20px;   
  width:   25%;   
  float:   left;   
  } 
</style>
 
<div class = "float_left">asdasd</div>
<div class = "float_left">asdasd</div>
<div class = "float_left">why</div>


write by feng
posted on 2009-04-27 13:01 fl1429 阅读(732) 评论(0)  编辑  收藏 所属分类: Ajax

只有注册用户登录后才能发表评论。


网站导航:
 
已访问数:
free counters