IE 7 不支持 tr 元素的 border 属性

IE 7 不支持 tr 元素的 border 属性,从而在写 CSS 时,如果需要对表格的行加上自定义的边框,则还需要对 td 的上下边框进行指定。然后将 table 的 border-collapse 属性指定为 collapse,这样,即使同时指定的 tr 与 td 的边框,也不会让行与行的交界处所指定的边框变得比自定义的更粗。如下:

table {
    border-collapse: collapse;
    border: solid 1px black;
}

table tr {
    border: solid 1px black;
}

table tr td {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

以下是一个表格示例,它的行边框在IE 7及其他浏览器都显示正常。

地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100
地点: 上海; 开课日期: 1月18日; 课时: 12; 培训机构: 英标BSI管理
¥1,890
¥2,100

Add comment

Loading