首页  ·  知识 ·  
Label
      编辑:  图片来源:网络

三种细线表格做法



  
   
  
表格边线为1,线色为黑,行线色为白。



  
   
  
表格边线为0,间距为1,背景色为黑,行背景色为白。


  
   
  
style="border-collapse:collapse;"

立体表格



cnbruce
cnbruce
cnbruce
cnbruce


cnbruce
cnbruce
cnbruce
cnbruce


表格边线为1,间隔为0,左上为#333333,右下为#efefef,行背景色为#cccccc

表格的边框不断在闪







cnbruce cnbruce cnbruce cnbruce cnbruce cnbruce


不用嵌套制作同一行放两个表格





-1





1













-1





1













hhh





nnn
















-1




1

另类圆角表格制作

原图:


  
   
   
   
   
   
   
   
   
   
  
  
   
   
   
  
  
   
   
   
  
  
   
   
   
  

放大


  
   
   
   
   
   
   
   
   
   
  
  
   
   
   
  
  
   
   
   
  
  
   
   
   
  

变色的单元格1,通过a:hover做.





       

       

   
cnbruce
   

CNBruce
       
.com
CNBruce
       
.com

变色的单元格2,已经做成了CSS,注意还有透明效果。




  


变色的单元格3,通过mouse事件做.有点微软的味道。


  
   
  
  
   
  
cnbruce
cnbruce

透明表格



cnbruce

虚线边框表格



  
   
  
www.cnbruce.com


虚线直线1



虚线直线2


本文作者:佚名 来源:本站原创
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读
也许感兴趣的
我们推荐的
主题最新
看看其它的
收藏至微信