Html 将border设置为table tr，除IE 6&；7.

我将table event_calendar tr的边框设置为红色，它适用于除IE6和IE7之外的所有情况。我的CSS有什么问题

table#event_calendar tr {
    border:1px solid red;
}

<div class="content-body">
<table id="event_calendar">
    <tr class="calendarHeader">
        <th><div class="calendarMonthLinks"><a href="http://webdev.herkimer.edu/calendar/2009/03/">&lt;&lt;</a></div></th>
        <th colspan="5"><h1>April 2009</h1></th>
        <th><div class="calendarMonthLinks"><a class="calendarMonthLinks" href="http://webdev.herkimer.edu/calendar/2009/05/">&gt;&gt;</a></div></th>
    </tr>
    <tr>
        <td class="calendarDayHeading">Sunday</td>
        <td class="calendarDayHeading">Monday</td>
        <td class="calendarDayHeading">Tuesday</td>
        <td class="calendarDayHeading">Wednesday</td>
        <td class="calendarDayHeading">Thursday</td>
        <td class="calendarDayHeading">Friday</td>
        <td class="calendarDayHeading">Saturday</td>
    </tr>
</table>
</div>

表#事件#日历tr{
边框：1px纯红；
}
2009年4月
星期日
星期一
星期二
星期三
星期四
星期五
星期六

将CSS选择器更改为“table#event_calendar trtd”，它应该可以工作。

IE不支持标签的border属性。但是，有一些变通方法，可以在每个单元格周围放置上下边框，并使用“边框折叠：折叠”；因此单元格之间没有空间。我将参考精确的方法，但对您来说基本上是这样的（我自己还没有测试过，所以我不确定这是否完全正确，但我认为您可以重复使用它）

---

你的CSS很合理，但IE只是不做tr元素的边框。如果您使用此样式，您应该可以通过以下方式获得预期效果：

table#event_calendar {
    border-top:1px solid red;
    border-right:1px solid red;
    border-left:1px solid red;
    border-collapse:collapse;
}

table#event_calendar td, table#event_calendar th {
    border-bottom:1px solid red;

}

---

在td上设置边界是最简单的解决方案。但是，如果您真的想在

上创建边框，则始终可以设置：

tr { display:block; border-bottom:1px dotted #F00; }

这样做会使

之间的公共宽度变宽。如果要使它们的宽度相等，请将

的显示设置为

内联块

，并设置一些宽度：

td { display:inline-block; width:20%; }

当您想在

和

上绘制一些边框时，它会有所帮助

---

CSS生成的内容，如

tr:before{}

或

tr:before{}

也总是有帮助的

然后，他会在每个单元格的边上画上边框，这不好。哎呀，我忘了处理“th”标签了。我希望你不介意我更新我的帖子来反映我的错误。将

标记设置为

display:block

只允许在其上添加一个边框

td { display:inline-block; width:20%; }