CSS怎样改动tr边框特性案例详解

2021-03-10 19:52 jianzhan
tr是html标识中国银行的标识,在web开发设计中,有时大家以便美观大方必须改动行的特性。例如tr的边框。假如大家依照以下的方式改动tr的特性就大错特错了.

拷贝编码
编码以下:

tr{
border:1px solid #DDDDDD;
}

这样是沒有任何实际效果的。由于报表中的tr并不是单1的边框,这样便必须特性border-collapse,border-collapse 特性设定报表的边框是不是被合拼为1个单1的边框,還是象在规范的 HTML 中那样分开显示信息。
案例:为报表设定合拼边框实体模型:

拷贝编码
编码以下:

table{
border-collapse:collapse;
}

主要参数
separate 默认设置值。边框会被分开。不容易忽视border-spacing 和 empty-cells 特性。
collapse 假如将会,边框汇合并为1个单1的边框。会忽视 border-spacing 和 empty-cells 特性。
inherit 要求应当从父元素承继border-collapse 特性的值。