Question

我有一个包含这样代码的表：

<table cellpadding="6" rules="groups"  frame="no">
<thead>
<tr><th>Date</th><th>Length</th><th>Time</th></tr>
</thead>

<tbody>
<tr><td>31. January1</td><td>28 km</td><td>3 hours</tr> 
</tbody></table>

问题是在IE中表有框架和tableborder = 1。怎么办？

Answer 1

我希望它看起来像这样：

当我使用border="0" IE时，不显示黑线。如果我写<th style="1p solid black>Text</th>，桌子周围会出现一个黑框。

Answer 2

试试这个：

<!DOCTYPE html>
<html>
<head>
    <title>Example:Table with Header Underline Border</title>
    <style type="text/css">
        table.groups
        {
            border-collapse: collapse;
        }

        table.groups thead th
        {
            border-bottom: solid 1px black;
        }

        table.groups th,
        table.groups td
        {
            padding: 6px;
        }
    </style>
</head>
<body>
    <table class="groups">
        <thead>
            <tr><th>Date</th><th>Length</th><th>Time</th></tr>
        </thead>
        <tbody>
            <tr><td>31. January1</td><td>28 km</td><td>3 hours</td></tr>
        </tbody>
    </table>
</body>
</html>

需要注意的几件具体事项：

使用DOCTYPE来防止怪癖模式。
（这是HTML5 DOCTYPE - 有些人更喜欢更多罗嗦的XHTML或HTML4严格的 - 这些也有效）
标签上没有不必要的属性 - 全部由标签名称和类控制。

Answer 3

border="0"

但是，您应该使用样式表代替这样的事情......

Answer 4

使用

style =“border：1px solid black”

在table-tag中，然后。

哦，最后一个单元格没有关闭。

表显示IE与IE不同

4 个答案: