css讓table不顯示邊框的代碼在火狐和谷歌瀏覽器中無(wú)效
發(fā)布時(shí)間:2013-06-26 17:12:32 作者:佚名
我要評(píng)論
在css中已經(jīng)寫(xiě)好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個(gè)邊框都顯示了出來(lái),因?yàn)闉g覽器不同帶來(lái)的麻煩可是不少了,下面為大家介紹下問(wèn)題的解決方法
牛腩新聞發(fā)布系統(tǒng)中 在table處遇到了麻煩,這個(gè)麻煩是我們?cè)赾ss中已經(jīng)寫(xiě)好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個(gè)邊框都顯示了出來(lái),因?yàn)闉g覽器不同帶來(lái)的麻煩可是不少了,哎,不過(guò)牛老師還是挺細(xì)心的,一下就找到了問(wèn)題的根源,是因?yàn)樗詣?dòng)給table控件生成了rules這么個(gè)參數(shù),而且給的默認(rèn)值是all 。
rules這個(gè)參數(shù),它有三個(gè)值(cols,rows,none),當(dāng)rules=cols時(shí),表格會(huì)隱藏橫向的分隔線(xiàn),也就是我們只能看到表格的列;當(dāng)rules=rows時(shí),就隱藏了縱向的分隔線(xiàn),也就是我們只能看到表格的行;而當(dāng)rules=none時(shí),縱向分隔線(xiàn)和橫向分隔線(xiàn)將全部隱藏,我們就只能看到一個(gè)表格的外框了。看一下下面的對(duì)比效果你就會(huì)明白的
解決辦法就是把a(bǔ)ll改為none就可以了
下面是一些table的常用的和不常用的一些屬性,分享給大家 希望有一天能給你帶來(lái)幫助
表格是網(wǎng)頁(yè)制作時(shí)最常使用的元素了,可以說(shuō),大部分的網(wǎng)頁(yè)都是由表格支撐的,沒(méi)有表格的網(wǎng)頁(yè)絕對(duì)是不完美的,也不可能做的非常漂亮。但是長(zhǎng)期以來(lái),表格的使用可以說(shuō)都沒(méi)有發(fā)揮它的最大作用,這是因?yàn)榇蠹覍?duì)表格的屬性了解還不夠透徹??赐晗旅娴慕榻B,原來(lái)一直困擾你的問(wèn)題也許一下子就非常簡(jiǎn)單地解決了,最起碼可以使你制作時(shí)更加方便......
基本屬性有:
width(寬度)、
height(高度)、
border(邊框值)、
cellspacing(表格的內(nèi)寬,即表格與tr之間的間隔)、
cellpadding(表格內(nèi)元素的間隔,即tr與tr之間的間隔)、
bordercolorlight(表格的亮邊框顏色)、
bordercolordark(表格的暗邊框顏色)、
bgcolor(表格的背景色)、
background(表格的背景圖片)、
bordercolor(表格邊框的顏色),
這些都是最常用的屬性,相信大家都比較了解了,具體的用法我就不過(guò)多介紹了,這次在表格內(nèi)部分隔線(xiàn)出遇到了麻煩,那么借著這個(gè)機(jī)會(huì)我再來(lái)說(shuō)說(shuō)表格外部分隔線(xiàn)
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來(lái)控制的。注意:只對(duì)表格的外邊框起作用,對(duì)內(nèi)部邊、線(xiàn)不起作用
只顯示上邊框 <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ì)隱藏橫向的分隔線(xiàn),也就是我們只能看到表格的列;當(dāng)rules=rows時(shí),就隱藏了縱向的分隔線(xiàn),也就是我們只能看到表格的行;而當(dāng)rules=none時(shí),縱向分隔線(xiàn)和橫向分隔線(xiàn)將全部隱藏,我們就只能看到一個(gè)表格的外框了。看一下下面的對(duì)比效果你就會(huì)明白的
解決辦法就是把a(bǔ)ll改為none就可以了
下面是一些table的常用的和不常用的一些屬性,分享給大家 希望有一天能給你帶來(lái)幫助
表格是網(wǎng)頁(yè)制作時(shí)最常使用的元素了,可以說(shuō),大部分的網(wǎng)頁(yè)都是由表格支撐的,沒(méi)有表格的網(wǎng)頁(yè)絕對(duì)是不完美的,也不可能做的非常漂亮。但是長(zhǎng)期以來(lái),表格的使用可以說(shuō)都沒(méi)有發(fā)揮它的最大作用,這是因?yàn)榇蠹覍?duì)表格的屬性了解還不夠透徹??赐晗旅娴慕榻B,原來(lái)一直困擾你的問(wèn)題也許一下子就非常簡(jiǎn)單地解決了,最起碼可以使你制作時(shí)更加方便......
基本屬性有:
width(寬度)、
height(高度)、
border(邊框值)、
cellspacing(表格的內(nèi)寬,即表格與tr之間的間隔)、
cellpadding(表格內(nèi)元素的間隔,即tr與tr之間的間隔)、
bordercolorlight(表格的亮邊框顏色)、
bordercolordark(表格的暗邊框顏色)、
bgcolor(表格的背景色)、
background(表格的背景圖片)、
bordercolor(表格邊框的顏色),
這些都是最常用的屬性,相信大家都比較了解了,具體的用法我就不過(guò)多介紹了,這次在表格內(nèi)部分隔線(xiàn)出遇到了麻煩,那么借著這個(gè)機(jī)會(huì)我再來(lái)說(shuō)說(shuō)表格外部分隔線(xiàn)
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來(lái)控制的。注意:只對(duì)表格的外邊框起作用,對(duì)內(nèi)部邊、線(xiàn)不起作用
只顯示上邊框 <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ì)線(xiàn)顯示?
Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細(xì)線(xiàn)顯示?Dreamweaver中插入表格默認(rèn)是寬邊框的,看上去很難看,該怎么將邊框設(shè)置成細(xì)線(xiàn)呢?請(qǐng)看下文詳細(xì)介紹,需要的朋友可以2016-03-10CSS樣式簡(jiǎn)單實(shí)現(xiàn)Table沒(méi)有外邊框只有內(nèi)邊框
Table默認(rèn)是有外邊框,有內(nèi)邊框的,那么如何通過(guò)css樣式簡(jiǎn)單實(shí)現(xiàn)Table沒(méi)有外邊框,只有內(nèi)邊框呢?下面有個(gè)不錯(cuò)的示例,大家可以看看2014-06-13一個(gè)屬性border-collapse解決Table的邊框問(wèn)題
表格的邊框算是頁(yè)面制作中最頭痛的,帶邊線(xiàn)的表格在之前非常討厭做,不過(guò)今天終于解決了這個(gè)問(wèn)題,下面將示例與大家分享下2014-03-26- 在默認(rèn)的情況下,我們的CSS將Table的邊框清除掉了,下面與大家分享下CSS控制Table內(nèi)外邊框、顏色、大小的樣式,想學(xué)習(xí)的朋友可以參考下2013-08-01
HTML table表格邊框的控制詳細(xì)說(shuō)明
表格邊框的顯示與隱藏,是可以用frame參數(shù)來(lái)控制的。請(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ò)相關(guān)的介紹,除了將表格作為一個(gè)整體進(jìn)行定義,您也可以將表格邊框的四個(gè)部分分別進(jìn)行定義,包括頂部2010-01-23
- 前面學(xué)了網(wǎng)頁(yè)表格中的單元格線(xiàn)條的設(shè)置方法,今天學(xué)習(xí)網(wǎng)頁(yè)表格的邊框線(xiàn)的設(shè)置方法。 ------------------------------------------------------------------------------2008-10-17
- 網(wǎng)頁(yè)表格表框制作技巧。 -------------------------------------------------------------------------------- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來(lái)控制的。請(qǐng)2008-10-17
- 這篇文章主要介紹了Table顯示你要顯示的邊框代碼的相關(guān)資料,需要的朋友可以參考下2016-05-03

