css讓table不顯示邊框的代碼在火狐和谷歌瀏覽器中無效
發(fā)布時間:2013-06-26 17:12:32 作者:佚名
我要評論

在css中已經(jīng)寫好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個邊框都顯示了出來,因為瀏覽器不同帶來的麻煩可是不少了,下面為大家介紹下問題的解決方法
牛腩新聞發(fā)布系統(tǒng)中 在table處遇到了麻煩,這個麻煩是我們在css中已經(jīng)寫好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個邊框都顯示了出來,因為瀏覽器不同帶來的麻煩可是不少了,哎,不過牛老師還是挺細(xì)心的,一下就找到了問題的根源,是因為它自動給table控件生成了rules這么個參數(shù),而且給的默認(rèn)值是all 。
rules這個參數(shù),它有三個值(cols,rows,none),當(dāng)rules=cols時,表格會隱藏橫向的分隔線,也就是我們只能看到表格的列;當(dāng)rules=rows時,就隱藏了縱向的分隔線,也就是我們只能看到表格的行;而當(dāng)rules=none時,縱向分隔線和橫向分隔線將全部隱藏,我們就只能看到一個表格的外框了??匆幌孪旅娴膶Ρ刃Ч憔蜁靼椎?
解決辦法就是把a(bǔ)ll改為none就可以了
下面是一些table的常用的和不常用的一些屬性,分享給大家 希望有一天能給你帶來幫助
表格是網(wǎng)頁制作時最常使用的元素了,可以說,大部分的網(wǎng)頁都是由表格支撐的,沒有表格的網(wǎng)頁絕對是不完美的,也不可能做的非常漂亮。但是長期以來,表格的使用可以說都沒有發(fā)揮它的最大作用,這是因為大家對表格的屬性了解還不夠透徹??赐晗旅娴慕榻B,原來一直困擾你的問題也許一下子就非常簡單地解決了,最起碼可以使你制作時更加方便......
基本屬性有:
width(寬度)、
height(高度)、
border(邊框值)、
cellspacing(表格的內(nèi)寬,即表格與tr之間的間隔)、
cellpadding(表格內(nèi)元素的間隔,即tr與tr之間的間隔)、
bordercolorlight(表格的亮邊框顏色)、
bordercolordark(表格的暗邊框顏色)、
bgcolor(表格的背景色)、
background(表格的背景圖片)、
bordercolor(表格邊框的顏色),
這些都是最常用的屬性,相信大家都比較了解了,具體的用法我就不過多介紹了,這次在表格內(nèi)部分隔線出遇到了麻煩,那么借著這個機(jī)會我再來說說表格外部分隔線
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。注意:只對表格的外邊框起作用,對內(nèi)部邊、線不起作用
只顯示上邊框 <tableframe=above>
只顯示下邊框<table frame=below>
只顯示左、右邊框 <tableframe=vsides>
只顯示上、下邊框 <tableframe=hsides>
只顯示左邊框 <tableframe=lhs>
只顯示右邊框 <tableframe=rhs>
不顯示任何邊框<table frame=void>
看一下對比效果吧:
rules這個參數(shù),它有三個值(cols,rows,none),當(dāng)rules=cols時,表格會隱藏橫向的分隔線,也就是我們只能看到表格的列;當(dāng)rules=rows時,就隱藏了縱向的分隔線,也就是我們只能看到表格的行;而當(dāng)rules=none時,縱向分隔線和橫向分隔線將全部隱藏,我們就只能看到一個表格的外框了??匆幌孪旅娴膶Ρ刃Ч憔蜁靼椎?

解決辦法就是把a(bǔ)ll改為none就可以了
下面是一些table的常用的和不常用的一些屬性,分享給大家 希望有一天能給你帶來幫助
表格是網(wǎng)頁制作時最常使用的元素了,可以說,大部分的網(wǎng)頁都是由表格支撐的,沒有表格的網(wǎng)頁絕對是不完美的,也不可能做的非常漂亮。但是長期以來,表格的使用可以說都沒有發(fā)揮它的最大作用,這是因為大家對表格的屬性了解還不夠透徹??赐晗旅娴慕榻B,原來一直困擾你的問題也許一下子就非常簡單地解決了,最起碼可以使你制作時更加方便......
基本屬性有:
width(寬度)、
height(高度)、
border(邊框值)、
cellspacing(表格的內(nèi)寬,即表格與tr之間的間隔)、
cellpadding(表格內(nèi)元素的間隔,即tr與tr之間的間隔)、
bordercolorlight(表格的亮邊框顏色)、
bordercolordark(表格的暗邊框顏色)、
bgcolor(表格的背景色)、
background(表格的背景圖片)、
bordercolor(表格邊框的顏色),
這些都是最常用的屬性,相信大家都比較了解了,具體的用法我就不過多介紹了,這次在表格內(nèi)部分隔線出遇到了麻煩,那么借著這個機(jī)會我再來說說表格外部分隔線
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。注意:只對表格的外邊框起作用,對內(nèi)部邊、線不起作用
只顯示上邊框 <tableframe=above>
只顯示下邊框<table frame=below>
只顯示左、右邊框 <tableframe=vsides>
只顯示上、下邊框 <tableframe=hsides>
只顯示左邊框 <tableframe=lhs>
只顯示右邊框 <tableframe=rhs>
不顯示任何邊框<table frame=void>
看一下對比效果吧:

相關(guān)文章
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?Dreamweaver中插入表格默認(rèn)是寬邊框的,看上去很難看,該怎么將邊框設(shè)置成細(xì)線呢?請看下文詳細(xì)介紹,需要的朋友可以2016-03-10CSS樣式簡單實現(xiàn)Table沒有外邊框只有內(nèi)邊框
Table默認(rèn)是有外邊框,有內(nèi)邊框的,那么如何通過css樣式簡單實現(xiàn)Table沒有外邊框,只有內(nèi)邊框呢?下面有個不錯的示例,大家可以看看2014-06-13一個屬性border-collapse解決Table的邊框問題
表格的邊框算是頁面制作中最頭痛的,帶邊線的表格在之前非常討厭做,不過今天終于解決了這個問題,下面將示例與大家分享下2014-03-26- 在默認(rèn)的情況下,我們的CSS將Table的邊框清除掉了,下面與大家分享下CSS控制Table內(nèi)外邊框、顏色、大小的樣式,想學(xué)習(xí)的朋友可以參考下2013-08-01
- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。2011-04-01
用CSS設(shè)置表格Table的細(xì)邊框的比較好用的方法
大家經(jīng)常會發(fā)現(xiàn)Table的BORDER設(shè)置為1,得到的邊框卻不是想要的1個像素的細(xì)邊框,于是很多人去想方設(shè)法做出細(xì)邊框的效果。2010-06-23- 表格邊框的處理是CSS網(wǎng)頁布局中經(jīng)常會遇到的內(nèi)容,在webjx.com中也有過相關(guān)的介紹,除了將表格作為一個整體進(jìn)行定義,您也可以將表格邊框的四個部分分別進(jìn)行定義,包括頂部2010-01-23
- 前面學(xué)了網(wǎng)頁表格中的單元格線條的設(shè)置方法,今天學(xué)習(xí)網(wǎng)頁表格的邊框線的設(shè)置方法。 ------------------------------------------------------------------------------2008-10-17
- 網(wǎng)頁表格表框制作技巧。 -------------------------------------------------------------------------------- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請2008-10-17
- 這篇文章主要介紹了Table顯示你要顯示的邊框代碼的相關(guān)資料,需要的朋友可以參考下2016-05-03