2009-02-01 67 views
0

表现出不同的我有一个表像这样的代码:表在IE从歌剧

<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 怎么办?

回答

1

试试这个:

<!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严格的那些 - 这些也可以)
  • 标签上没有不必要的属性 - 全部由标签名称和类控制。
0
border="0" 

但是,你应该使用样式表,而不是这样的事情....

0

使用

风格= “边界:1px的纯黑色”

表中的标签

,然后。

哦,并且最后一个单元格丢失了。