Rumah > hujung hadapan web > tutorial css > Aplikasi lanjutan jadual untuk menjalankan jadual hingga akhir (mesti dibaca)_Pertukaran pengalaman

Aplikasi lanjutan jadual untuk menjalankan jadual hingga akhir (mesti dibaca)_Pertukaran pengalaman

WBOY
Lepaskan: 2016-05-16 12:06:45
asal
2157 orang telah melayarinya

1. Garis pemisah jadual boleh disembunyikan

Garis pemisah mendatar boleh disembunyikan
 可以隐藏横向的分隔线

可以隐藏纵向的分隔线

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


2.表格的边框不断在闪 

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

style="border:5px solid yellow"> 

 

 

 

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


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


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

Boleh menyembunyikan pemisah menegak

Boleh menyembunyikan pemisah mendatar dan menegak


2 jadual berkelip berterusan

Kaedah berikut boleh membuat sempadan jadual berkelip secara berterusan
Tambah
style="border:5px solid yellow">



 >
 >

 >
 >
 >



 >
 >

 >
 >
 >
flsdjfsdjfkdsjf
skdjfsdjfksd
flsdjfsdjfkdsjf
skdjfsdjfksd
 >



4.几种样式不同的表格

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







普通表格


Tambah sebarang objek

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







正立方表格
Tambah sebarang objek.


Tambah sebarang objek.

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







细表格
table>



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







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

3 Muat turun jadual dalam baris yang berasingan

Ini lebih praktikal untuk sepupu saya yang mempunyai kandungan yang besar <.>
Tambah
left: 246; top: 12" height="51">







 
 无名表格   

 

 




di mana anda perlu memuat turun cawangan Contohnya:




. flsdjfsdjfkdsjf 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">



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. Beberapa jadual dengan gaya berbeza
Normal jadual
5 Jadual kiub segi empat sama bordercolordark="#000000" style="position: absolute; left: 10; top: 49" height="26"> Jadual kiub
6. Jadual terperinci bgcolor="#000000" cellspacing="1" cellpadding="0" height ="22" style= "kedudukan: mutlak; kiri: 11; atas: 86">
Jadual Halus
7. Jadual tiga dimensi bordercolordark="#ffffff" style="position: absolute; left: 10; top: 112" height="34"> bordercolorlight="#000000" bordercolordark="#eeeeee" >Jadual tiga dimensi 8 ="center" style="position: absolute ; kiri: 246; atas: 12" height="51">
Borang tanpa nama  

9 Jadual dalam kesan jadualⅡ
align="center"> Jadual dalam kesan jadual Ⅱ frame="hsides" border="1" bordercolorlight="# 000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78">
10 Kesan jadual dalam jadual Ⅰ cellpadding= "0">
Kesan jadual dalam jadual Ⅰ




11. Paparan sempadan dalam jadual


Hanya sempadan atas dipaparkan
Hanya sempadan bawah dipaparkan

Hanya kiri dan kanan dipaparkan Sempadan

Hanya sempadan atas dan bawah sahaja dipaparkan

Hanya sempadan kiri dipaparkan

Hanya sempadan kanan dipaparkan

Tiada sempadan dipaparkan
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan