css让table不显示边框的代码在火狐和谷歌浏览器中无效
发布时间：2013-06-26 17:12:32 作者：佚名 
我要评论
我要评论在css中已经写好了使table不显示边框的代码，在ie浏览器中显示正常，但是在火狐和谷歌浏览器中显示不正常，table的每个边框都显示了出来，因为浏览器不同带来的麻烦可是不少了，下面为大家介绍下问题的解决方法
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
牛腩新闻发布系统中 在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>
看一下对比效果吧：
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>
看一下对比效果吧：
相关文章
Dreamweaver中怎么让html网页中的table边框细线显示?
Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以2016-03-10- Table默认是有外边框，有内边框的，那么如何通过css样式简单实现Table没有外边框，只有内边框呢？下面有个不错的示例，大家可以看看2014-06-13
一个属性border-collapse解决Table的边框问题
表格的边框算是页面制作中最头痛的，带边线的表格在之前非常讨厌做，不过今天终于解决了这个问题，下面将示例与大家分享下2014-03-26- 在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下2013-08-01
- 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。2011-04-01
- 大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。2010-06-23
- 表格边框的处理是CSS网页布局中经常会遇到的内容，在webjx.com中也有过相关的介绍，除了将表格作为一个整体进行定义，您也可以将表格边框的四个部分分别进行定义，包括顶部2010-01-23
- 前面学了网页表格中的单元格线条的设置方法,今天学习网页表格的边框线的设置方法。 ------------------------------------------------------------------------------2008-10-17
- 网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏，是可以用frame参数来控制的。请2008-10-17
- 这篇文章主要介绍了Table显示你要显示的边框代码的相关资料,需要的朋友可以参考下2016-05-03
最新评论