css border有哪些效果
border-width
规定边框的宽度。
border-style
规定边框的样式。
border-color
规定边框的颜色。表格有这几种标签,写法可以是:如果你想让写的css样式在tr上生效,就必须在tr上写一个class样式,而不是在table标签上。 如果我的回答对你有用,可以采纳哦。
css的border-collapse两个值有什么区别
border=0并不会实现这个效果
我今天也一直想这个问题
我觉得是这样的,table它本身具有特殊属性cellspacing单元格间距,单元格之间是默认存在间距的,所以无论是table border=0还是将th,td margin=0,都不会实现边线合并的效果,两个边线之间永远存在间隙。
而border-collapse : collapse这个属性能够实现
个人理解,欢迎指正border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。seperate 的边框如下:
||||
||||
collapse 的边框如下:
||(两个相邻单元格的相邻边合并了)border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse:
如果可能,边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit:
规定应该从父元素继承border-collapse属性的值。
border-collapse的用途
border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开