<!--
.tableborder {
border-top-width: 1px
border-right-width: 1px
border-bottom-width: 1px
border-left-width: 1px
/*以上分别设置的是表格边框中上右下左的边框宽度*/
border-top-style: solid
border-right-style: solid
border-bottom-style: solid
border-left-style: solid
/*设置边框的表现样式，solid为实线*/
border-top-color: #0000FF
border-right-color: #0000FF
border-bottom-color: #0000FF
border-left-color: #0000FF
/*设置边框的颜色*/
}
-->
</style>
<table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td>class="tableborder"是对样式的调用，写在table标签内</td>
<td></td>
</tr>
</table>
html中hr的虚线样式可用过CSS样式来控制，具体代码如下：例如红色的虚线，代码可这样写：行内样式 <hr style="border:1px dotted red">可以考虑css3的gradients属性例子:
background:
linear-gradient(to right,color1,color2,color3)
"linear-gradient"是gradient的一个可选值，特点是由对角方向进行渐变。
上面代码中的"to right"指从左到右进行渐变，
color1,2,3表示渐变的颜色。
对于你的问题，可以将颜色设置为:
color1:浅灰
color2:黑
color3:浅灰
在视觉上也许能达到你要的效果。
了解详情还请自己谷歌，
水平不足，奇巧淫技，见谅。
