相关疑难解决方法(0)
20
推荐指数
推荐指数
3
解决办法
解决办法
10万
查看次数
查看次数
如何在html表中获得连续的顶部和底部边框
我正在编写一个程序,它将生成一个用于显示某些数据的html文件.我需要对齐所有列,所以我试图使用单个html表,但我希望在某些行之间使用实线水平线来分隔数据.使用border-top和border-bottom我已经能够达到我想要的大部分路径,但是它产生的水平线不是实心的(见图).
我的问题是:
- 如何在表格中的某些行之间获得稳固的水平线条
- 此外,一个次要查询,是否有更好的方法来获得左侧列中的行标签和数据之间的一些空间.目前我正在指定一个空白列.
<html>
<head>
<meta HTTP-EQUIV="Content-Type" Content="text/html; charset=Windows-1252">
<style type="text/css">
tr.border_top td {
border-top:1pt solid black;
}
tr.border_bottom td {
border-bottom:1pt solid black;
}
</style>
</head>
<body bgcolor=white><b>DATA</b></p>
<table>
<col align="left"></col>
<col width=20></col>
<col align="right"></col>
<col align="right"></col>
<col align="right"></col>
<col align="right"></col>
<tr class="border_top">
<td><b>XYZ1</b></td>
<td></td>
<td>2.120</td>
<td><span style="color:blue">2.280</span></td>
<td><span style="color:blue">2.810</span></td>
<td>3.000</td>
</tr>
<tr class="border_bottom">
<td><b>ABC1</b></td>
<td></td>
<td>1.370</td>
<td><span style="color:blue">1.550</span></td>
<td>1.690</td>
<td><span style="color:blue">1.780</span></td>
</tr>
<tr>
<td><b>XYZ2</b></td>
<td></td>
<td><span style="color:blue">1.900</span></td>
<td>1.940</td>
<td>2.050</td>
<td><span style="color:blue">2.100</span></td>
</tr> …6
推荐指数
推荐指数
1
解决办法
解决办法
6247
查看次数
查看次数
为什么<tr>的边界没有在IE中显示？
为什么边框tfoot tr:first-child没有在IE中显示.我正在检查IE7.
font-weight:bold; background:yellow 在IE中显示但边框不显示
table {
border-collapse: collapse;
border-spacing: 0;
}
table tfoot tr:first-child {
font-weight:bold;
background:yellow;
border-top:2px solid red;
border-bottom:2px solid red;
}
HTML
<table cellpadding="0" cellspacing="0">
<thead>
<tr>
<th align="left" scope="col">XXXX</th>
<th align="right" scope="col">XXXX</th>
<th align="right" scope="col">XXXX</th>
<th align="right" scope="col">XXXX</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3">XXXX</td>
<td align="right">XXX</td>
</tr>
<tr>
<td colspan="4">XXX</td>
</tr>
</tfoot>
<tbody>
<tr>
<td align="left">XXXX</td>
<td align="right">XXXX</td>
<td align="right">XXXX</td>
<td align="right">XXXX</td>
</tr>
</tbody>
</table>
更新:
我正在使用这个doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" …4
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数