首页 > web前端 > css教程 > table高级应用把表格进行到底(必看)_经验交流

table高级应用把表格进行到底(必看)_经验交流

WBOY
发布: 2016-05-16 12:06:45
原创
2155 人浏览过

1.表格的分隔线可以隐藏

 可以隐藏横向的分隔线
 可以隐藏横向的分隔线

可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线


2.表格的边框不断在闪 

以下方法可以令表格的边框不断在闪,很实用的
在BODY区加上

style="border:5px solid yellow"> 

 

 

 

加入任意的物件.加入任意的物件. 


加入任意的物件.加入任意的物件. 


加入任意的物件.加入任意的物件.

可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线


2.表格的边框不断在闪 

以下方法可以令表格的边框不断在闪,很实用的
在BODY区加上
style="border:5px solid yellow"> 



 >
 >

 >
 >
 >



 >
 >

 >
 >
 >
flsdjfsdjfkdsjf
skdjfsdjfksd
flsdjfsdjfkdsjf
skdjfsdjfksd
 >



4.几种样式不同的表格

11; top: 11" height="26" >







普通表格
 

加入任意的物件.加入任意的物件. 

bordercolordark="#000000" style="position: absolute; left: 10; top: 
49" height="26">







正立方表格
加入任意的物件.加入任意的物件. 


加入任意的物件.加入任意的物件. 

  bgcolor="#000000" cellspacing="1" cellpadding="0" 
height="22" style="position: absolute; left: 11; top: 86">







细表格

 


  bordercolordark="#ffffff" style="position: absolute; left: 10; top: 
112" height="34">







bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格


3.表格分行下载 

这个对表哥内容很大比较实用
left: 246; top: 12" height="51">







 
 无名表格   

 

 



在需要分行下载处加上 
 

比如:


absolute; left: 245; top: 89" height="110">


 >
 >

 >
align="center">  表中表效果Ⅱ  frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff" 
width="100%" cellspacing="1" cellpadding="0" height="78">



flsdjfsdjfkdsjf
skdjfsdjfksd
left: 10; top: 120" height="138" cellspacing="1" 
cellpadding="0">







border-style: groove" align="center"> #FFFFFF; border: 1 solid #808080" > 表中表效果Ⅰ 
  

 

 

 > <script> <br><br><!-- <br><br>function flashit(){ <br><br>if (!document.all) <br><br>return <br><br>if (myexample.style.borderColor=="yellow") <br><br>myexample.style.borderColor="lime" <br><br>else <br><br>myexample.style.borderColor="yellow" <br><br>} <br><br>setInterval("flashit()", 500) <br><br>//--> <br><br></script> > flsdjfsdjfkdsjf >  > skdjfsdjfksd >  >  >  > 4.几种样式不同的表格 11; top: 11" height="26" >
普通表格
5.正立方表格  bordercolordark="#000000" style="position: absolute; left: 10; top:  49" height="26">
正立方表格
6.细表格  bgcolor="#000000" cellspacing="1" cellpadding="0"  height="22" style="position: absolute; left: 11; top: 86">
细表格
7.立体表格  bordercolordark="#ffffff" style="position: absolute; left: 10; top:  112" height="34">
bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格
8.无名表格   left: 246; top: 12" height="51">
   无名表格   

 

 
9.表中表效果Ⅱ  absolute; left: 245; top: 89" height="110">
align="center">  表中表效果Ⅱ  frame="hsides" border="1" bordercolorlight="#000000" bordercolordark="#ffffff"  width="100%" cellspacing="1" cellpadding="0" height="78">
10.表中表效果Ⅰ  left: 10; top: 120" height="138" cellspacing="1"  cellpadding="0">
border-style: groove" align="center"> #FFFFFF; border: 1 solid #808080" > 表中表效果Ⅰ    

 

 



11.表格中边框的显示 


只显示上边框 
只显示下边框 
 
只显示左、右边框 

只显示上、下边框 

只显示左边框 

只显示右边框 

不显示任何边框 
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板