html设置表格外边框颜色，就是明暗框那样，只有外边框需要，内边框不需要。怎么实现啊。谢谢各位大神啊
<html><body><tableborder="1px"bordercolor="red"cellspacing="0px"cellpadding="10px"wid...
<html>
<body>
<table border="1px" bordercolor="red" cellspacing="0px" cellpadding="10px" width="400px" >
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
<table>
</body>
</html>
原来的程序使怎么的，怎么在这个基础上修改啊 展开
<body>
<table border="1px" bordercolor="red" cellspacing="0px" cellpadding="10px" width="400px" >
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
<table>
</body>
</html>
原来的程序使怎么的，怎么在这个基础上修改啊 展开
1个回答
展开全部
可以在<head></head>加入层叠样式表来实现
<html>
<head>
<style type="text/css">
table {
border-color:#00F;
}
table td {
border-color:#ccc;
}
</style>
</head>
<body>
<table border="1px" bordercolor="red" cellspacing="0px" cellpadding="10px" width="400px" >
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
<table>
</body>
</html>
<html>
<head>
<style type="text/css">
table {
border-color:#00F;
}
table td {
border-color:#ccc;
}
</style>
</head>
<body>
<table border="1px" bordercolor="red" cellspacing="0px" cellpadding="10px" width="400px" >
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
<table>
</body>
</html>
更多追问追答
追问
table {
border:2px;
bordercolorlight:green;
bordercolordark:yellow;
}
table td {
border-color:black;
}
我在这个里面增加了明暗边框好像不起作用诶，
追答
个人觉得 只有IE才能识别 bordercolorlight 和bordercolordark 这两个attribute.
因为不是标准的css 变量，如果要使用 bordercolorlight 和 bordercolordark的话，直接放在 里，然后IE还是可以识别的。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
