关於用CSS设置table ,td的border 问题，请教朋友们，谢谢了！
怎麼给table设置了border,也给td设置了border在IE6中两者的border都能显示出来可是在FF和IE8中，table的border却被td的border...
怎麼给table 设置了border ,也给td设置了border
在IE6中两者的border都能显示出来
可是在FF和IE8中，table的border却被td的border所覆盖了。
怎麼才可以让FF和IE8也能达到IE的效果了，width 都为1px
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<style>
table{ border-collapse:collapse; width:90%; border:1px blue solid}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
</html>
怎麼觉得现在回答问题的朋友越来越少了，这是为什麼啊？ 展开
在IE6中两者的border都能显示出来
可是在FF和IE8中，table的border却被td的border所覆盖了。
怎麼才可以让FF和IE8也能达到IE的效果了，width 都为1px
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<style>
table{ border-collapse:collapse; width:90%; border:1px blue solid}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
</html>
怎麼觉得现在回答问题的朋友越来越少了，这是为什麼啊？ 展开
展开全部
<style>
table{ width:90%; border:1px blue solid}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
或者这样：
<style>
table{ width:90%; border:#00F 1px solid;}
td{ border:1px #CCC solid; border-right:none; border-top:none;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
</table>
</body>
table{ width:90%; border:1px blue solid}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
或者这样：
<style>
table{ width:90%; border:#00F 1px solid;}
td{ border:1px #CCC solid; border-right:none; border-top:none;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
</table>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看看我做的效果
不懂可以HI我，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<style>
table{width:90%; background:#0000FF}
tr{background:#fff}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="0">
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
</table>
</body>
</html>
希望能帮到你
不懂可以HI我，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<style>
table{width:90%; background:#0000FF}
tr{background:#fff}
td{ border:1px solid #cccccc;}
</style>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="0">
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
<tr>
<td>ww</td>
<td>rt</td>
<td>er</td>
</tr>
</table>
</body>
</html>
希望能帮到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
话说，如果你要同时保留table跟td的border，你就不应该设置border-collapse，如果你嫌空隙大的话，把cellspacing设置成1就行了吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
table{
width:90%;
border:1px
blue
solid}
td{
border:1px
solid
#cccccc;}
</style>
</head>
<body>
<table
cellpadding="0"
cellspacing="0">
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
或者这样：
<style>
table{
width:90%;
border:#00F
1px
solid;}
td{
border:1px
#CCC
solid;
border-right:none;
border-top:none;}
</style>
</head>
<body>
<table
border="0"
cellpadding="0"
cellspacing="0">
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
</table>
</body>
table{
width:90%;
border:1px
blue
solid}
td{
border:1px
solid
#cccccc;}
</style>
</head>
<body>
<table
cellpadding="0"
cellspacing="0">
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
<tr><td>ww</td>et<td>rt</td>etr<td>er</td></tr>
</table>
</body>
或者这样：
<style>
table{
width:90%;
border:#00F
1px
solid;}
td{
border:1px
#CCC
solid;
border-right:none;
border-top:none;}
</style>
</head>
<body>
<table
border="0"
cellpadding="0"
cellspacing="0">
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
<tr><td>ww</td><td>rt</td><td>er</td></tr>
</table>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将 border-collapse:collapse 样式放在td 里面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
