css讓table不顯示邊框的代碼在火狐和谷歌瀏覽器中無效

2024-07-11 08:50:18

字體：大中小

來源：轉載

供稿：網友

牛腩新聞發布系統中在table處遇到了麻煩，這個麻煩是我們在css中已經寫好了使table不顯示邊框的代碼，在ie瀏覽器中顯示正常，但是在火狐和谷歌瀏覽器中顯示不正常，table的每個邊框都顯示了出來，因為瀏覽器不同帶來的麻煩可是不少了，哎，不過牛老師還是挺細心的，一下就找到了問題的根源，是因為它自動給table控件生成了rules這么個參數，而且給的默認值是all 。

rules這個參數，它有三個值(cols,rows,none)，當rules=cols時，表格會隱藏橫向的分隔線，也就是我們只能看到表格的列；當rules=rows時，就隱藏了縱向的分隔線，也就是我們只能看到表格的行；而當rules=none時，縱向分隔線和橫向分隔線將全部隱藏，我們就只能看到一個表格的外框了。看一下下面的對比效果你就會明白的

解決辦法就是把all改為none就可以了

下面是一些table的常用的和不常用的一些屬性，分享給大家希望有一天能給你帶來幫助

表格是網頁制作時最常使用的元素了，可以說，大部分的網頁都是由表格支撐的，沒有表格的網頁絕對是不完美的，也不可能做的非常漂亮。但是長期以來，表格的使用可以說都沒有發揮它的最大作用，這是因為大家對表格的屬性了解還不夠透徹。看完下面的介紹，原來一直困擾你的問題也許一下子就非常簡單地解決了，最起碼可以使你制作時更加方便......

基本屬性有：

width（寬度）、

height（高度）、

border（邊框值）、

cellspacing（表格的內寬，即表格與tr之間的間隔）、

cellpadding（表格內元素的間隔，即tr與tr之間的間隔）、

bordercolorlight（表格的亮邊框顏色）、

bordercolordark（表格的暗邊框顏色）、

bgcolor（表格的背景色）、

background（表格的背景圖片）、

bordercolor（表格邊框的顏色），

這些都是最常用的屬性，相信大家都比較了解了，具體的用法我就不過多介紹了,這次在表格內部分隔線出遇到了麻煩,那么借著這個機會我再來說說表格外部分隔線

表格外邊框的顯示與隱藏，是可以用frame參數來控制的。注意：只對表格的外邊框起作用，對內部邊、線不起作用

只顯示上邊框 <tableframe=above>

只顯示下邊框<table frame=below>

只顯示左、右邊框 <tableframe=vsides>

只顯示上、下邊框 <tableframe=hsides>

只顯示左邊框 <tableframe=lhs>

只顯示右邊框 <tableframe=rhs>

不顯示任何邊框<table frame=void>

看一下對比效果吧：