今天小编跟大家讲解下有关css让table不显示边框的代码在火狐和谷歌浏览器中无效 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css让table不显示边框的代码在火狐和谷歌浏览器中无效 的相关资料,希望小伙伴们看了有所帮助。
牛腩新闻发布系统中 在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> 看一下对比效果吧:来源:爱蒂网