为何在repeater表格线有的地方粗,有的地方细
在使用repeater时做成表格形式,结果行里的线粗细不均匀,我把其html代码贴出来,大家看看表格行里的线粗细不均匀啊?郁闷啊?
<table cellspacing="0" cellpadding="3" rules="all" style="background-color:White;border-color:#B3DBF0;border-width:1px;border-style:dotted;text-decoration:none; width:700px; border-collapse:collapse;">
<tr style="color:White;background-color:#006699;font-weight:bold;height:28px;"><td style="width:300px;">字段名称一</td><td style="width:200px;">字段名称二</td><td style="width:100px;">字段名称三</td><td style="width:100px;">字段名称四</td></tr>
</td>
</tr><tr>
<td>
<tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c" style="color:#000066;height:25px;"><td><a href="job_show.aspx?id=12" target="_blank">字段名称一</a></td><td>22jhjh</td><td>4500002</td><td>2008-7-1</td></tr>
</td>
</tr><tr>
<td>
<tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c" style="color:#000066;height:25px;"><td><a href="job_show.aspx?id=18" target="_blank">字段名称一</a></td><td>22jhjh</td><td>4500002</td><td>2008-7-1</td></tr>
</td>
</tr><tr>
<td>
<tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c" style="color:#000066;height:25px;"><td><a href="job_show.aspx?id=6" target="_blank">字段名称一</a></td><td>22jhjh</td><td>4500002</td><td>2008-7-1</td></tr>
</td>
</tr><tr>
<td>
<tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c" style="color:#000066;height:25px;"><td><a href="job_show.aspx?id=10" target="_blank">字段名称一</a></td><td>测试一下</td><td>510000</td><td>2008-6-19</td></tr>
</td>
</tr><tr>
<td>
</table>
[解决办法]
有些地方是两根线太近了,看作一根线了.
[解决办法]
粗是因为table默认的边框宽度的问题，你只定义了表格的边框，没有定义td的。
给表格增加一个 border="0" 属性 就漂亮多了
或者做成这样
<style type="text/css"><!--.table { border-top-width: 1px; border-left-width: 1px; border-top-style: dashed; border-left-style: dashed; border-top-color: #B3DBF0; border-left-color: #B3DBF0;}.table th { background-color: #006699; font-size: 12px; font-weight: bold; line-height: 20px; border-right-width: 1px; border-right-style: dashed; border-right-color: #B3DBF0;}.table td { font-size: 12px; line-height: 18px; padding: 4px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #B3DBF0; border-right-width: 1px; border-right-style: dashed; border-right-color: #B3DBF0;}--></style><table border="0" cellpadding="3" cellspacing="0" rules="all" class="table"> <tr style="color:White;background-color:#006699;font-weight:bold;height:28px;"> <th style="width:300px;">字段名称一 </th> <th style="width:200px;">字段名称二 </th> <th style="width:100px;">字段名称三 </th> <th style="width:100px;">字段名称四 </th> </tr> <tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c"> <td><a href="job_show.aspx?id=12" target="_blank">字段名称一 </a> </td> <td>22jhjh </td> <td>4500002 </td> <td>2008-7-1 </td> </tr> <tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c"> <td><a href="job_show.aspx?id=18" target="_blank">字段名称一 </a> </td> <td>22jhjh </td> <td>4500002 </td> <td>2008-7-1 </td> </tr> <tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c"> <td><a href="job_show.aspx?id=6" target="_blank">字段名称一 </a> </td> <td>22jhjh </td> <td>4500002 </td> <td>2008-7-1 </td> </tr> <tr onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#DEF2FC'" onmouseout="this.style.backgroundColor=c"> <td><a href="job_show.aspx?id=10" target="_blank">字段名称一 </a> </td> <td>测试一下 </td> <td>510000 </td> <td>2008-6-19 </td> </tr></table>