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

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

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

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