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
|
|
|