white比gray黑？

设置下边框，不要设上边框的，设上边框会把上面的TR的下边框也带出来，并且还是黑色，所以两个混合了就比较黑了，也不知道浏览器为什么这么搞？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.text {font-size: 12px;width:100%;height:19px;
background-color:white;background-Image:url(image/textbg.gif)}
body { text-align: center;font-size:12px;background-image:url(image/graybg.gif);margin:0;}
td{border-width:0px}
-->
</style>
</head>
<body>
<TABLE width="869px" style="background-color:black" border="1">
<tr>
<TD rowspan="4" style="border-right-color:gray;border-right-width:1px">
<IMG SRC="image/logo.gif">
</TD>
<td colspan="3">
&nbsp;
</td>
</tr>
<TR>
<TD colspan="3" align="center" style="border-bottom-color:gray;border-bottom-width:1px">
<IMG SRC="image/home.gif">
<IMG SRC="image/sperate.gif">
<IMG SRC="image/customer.gif">
<IMG SRC="image/sperate.gif">
<IMG SRC="image/service.gif">
<IMG SRC="image/sperate.gif">
<IMG SRC="image/tech.gif">
<IMG SRC="image/sperate.gif">
<IMG SRC="image/view.gif">
<IMG SRC="image/sperate.gif">
<IMG SRC="image/contact.gif">
</TD>
</TR>
<TR>
<TD width="200px" align="right" style="border-bottom-color:white;border-bottom-width:1px"><IMG SRC="image/bgimage.GIF"><IMG SRC="image/left.gif"></td>
<td width="469px" style="border-bottom-color:white;border-bottom-width:1px"><div class="text">asdfasdf</div></td>
<TD width="200px" style="border-bottom-color:white;border-bottom-width:1px"><IMG SRC="image/right.gif"><IMG SRC="image/bgimageright.gif"></TD>
</TR>
<TR>
<TD colspan="3" height="1px" >
&nbsp;
</TD>
</TR>
<td colspan="4">
<IMG SRC="image/blank.gif">
</td>
</TABLE>
<body>
</html>

解决方案 »

  1.   

    我试了一下,主要是TD的上边框和左边框会与附近的色溶合下边框和右边框没事这可能是html中TD默认的样式如果TD中没有内容,边框的样式都表现不出来
      

  2.   

    RGB 配色问题
    没啥奇怪的
    说白点就是视觉错误
      

  3.   

    这样就好了, 先清除所有, 再赋值...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style type="text/css">
    <!--
    .text {font-size: 12px;width:100%;height:19px;
    background-color:white;background-Image:url(image/textbg.gif)}
    body { text-align: center;font-size:12px;background-image:url(image/graybg.gif);margin:0;}
    td{border-width:0px}
    -->
    </style>
    </head>
    <body>
    <TABLE width="869px" style="background-color:black" border="1">
    <tr>
    <TD rowspan="4" style="border-right-color:gray;border-right-width:1px">
    <IMG SRC="image/logo.gif">
    </TD>
    <td colspan="3">
    &nbsp;
    </td>
    </tr>
    <TR>
    <TD colspan="3" align="center" style="border-bottom-color:gray;border-bottom-width:1px">
    <IMG SRC="image/home.gif">
    <IMG SRC="image/sperate.gif">
    <IMG SRC="image/customer.gif">
    <IMG SRC="image/sperate.gif">
    <IMG SRC="image/service.gif">
    <IMG SRC="image/sperate.gif">
    <IMG SRC="image/tech.gif">
    <IMG SRC="image/sperate.gif">
    <IMG SRC="image/view.gif">
    <IMG SRC="image/sperate.gif">
    <IMG SRC="image/contact.gif">
    </TD>
    </TR>
    <TR>
    <TD width="200px" align="right"><IMG SRC="image/bgimage.GIF"><IMG SRC="image/left.gif"></td>
    <td width="469px"><div class="text">asdfasdf</div></td>
    <TD width="200px"><IMG SRC="image/right.gif"><IMG SRC="image/bgimageright.gif"></TD>
    </TR>
    <TR>
    <TD colspan="3" height="1px" style="border:0px;border-top:1px solid white;">
    &nbsp;
    </TD>
    </TR>
    <td colspan="4">
    <IMG SRC="image/blank.gif">
    </td>
    </TABLE>
    <body>
    </html>