您现在的位置是:网站首页> 编程资料编程资料

css让table不显示边框的代码在火狐和谷歌浏览器中无效Dreamweaver中怎么让html网页中的table边框细线显示?CSS样式简单实现Table没有外边框只有内边框一个属性border-collapse解决Table的边框问题CSS控制Table内外边框、颜色、大小示例HTML table表格边框的控制详细说明用CSS设置表格Table的细边框的比较好用的方法 用CSS样式描述表格Table边框网页表格边框的设置方法网页表格表框制作技巧Table显示你要显示的边框代码

2021-09-07 874人已围观

简介 在css中已经写好了使table不显示边框的代码,在ie浏览器中显示正常,但是在火狐和谷歌浏览器中显示不正常,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参数来控制的。注意:只对表格的外边框起作用,对内部边、线不起作用

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框


看一下对比效果吧:

相关内容