white比gray黑?

xxuu503 2007-07-19 09:06:56
下边的代码如下,大家copy过去存为htm,img不管它

用ie或firefox打开

会发现asdfasdf上边的那条线比下边的那条线要白一些

可是我的代码是这么写的:

上边的那条线:

25行:
<TD colspan="3" align="center" style="border-bottom-color:gray;border-bottom-width:1px">

下边的那条线:

45行:

<TD colspan="3" height="1px" style="border-top-color:white;border-top-width:1px">

white居然比gray还黑?

这是啥问题?



<!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">
 
</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-top-color:white;border-top-width:1px">
 
</TD>
</TR>
<td colspan="4">
<IMG SRC="image/blank.gif">
</td>
</TABLE>
<body>
</html>
...全文
254 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
xxuu503 2007-08-22
  • 打赏
  • 举报
回复
谢谢各位支持
btbtd 2007-07-20
  • 打赏
  • 举报
回复
这样就好了, 先清除所有, 再赋值...

<!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">
 
</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;">
 
</TD>
</TR>
<td colspan="4">
<IMG SRC="image/blank.gif">
</td>
</TABLE>
<body>
</html>
btbtd 2007-07-20
  • 打赏
  • 举报
回复
哦哦...我错了, 问题有时间再研究...
btbtd 2007-07-19
  • 打赏
  • 举报
回复
RGB 配色问题。。。
没啥奇怪的。。。
说白点就是视觉错误。。。
hunshihaichong 2007-07-19
  • 打赏
  • 举报
回复
我试了一下,主要是TD的上边框和左边框会与附近的色溶合

下边框和右边框没事

这可能是html中TD默认的样式

如果TD中没有内容,边框的样式都表现不出来
hbhbhbhbhb1021 2007-07-19
  • 打赏
  • 举报
回复
设置下边框,不要设上边框的,设上边框会把上面的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">
 
</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" >
 
</TD>
</TR>
<td colspan="4">
<IMG SRC="image/blank.gif">
</td>
</TABLE>
<body>
</html>

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧