小编Joh*_*ohn的帖子

将边框应用于tfoot的CSS选项?使用"border-top"设计脚部不起作用

当我申请一个CSS边框属性边框不呈现tfoot(border-top,border-bottom,border,等等,没有渲染边界)

哪些选项是否有渲染的只是一个边界tfoottbody?是应用边界tbody还是tfoot支持?

下面是CSS + HTML示例,Chrome 18,Firefox 9或IE9中没有呈现边框.

<style>
table.sample tfoot
{
 border-top: 2px solid black;
}
</style>
<table class="sample">
<thead>
 <tr>
  <td>Date</td><td>DataX</td><td>DataY</td><td>DataZ</td>
 </tr>
</thead>
<tfoot>
 <tr>
  <td colspan="3">Average:</td><td>100</td>
 </tr>
</tfoot>
<tbody>
 <tr>
  <td>Feb1</td><td>22</td><td>333</td><td>44</td>
 </tr>
 <tr>
  <td>Feb2</td><td>66</td><td>77</td><td>88</td>
 </tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

html css html-table

12
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

html-table ×1