怎样用css控制表格线的颜色

怎样用css控制表格线的颜色.例如一个三行三列的表格,偶要的是控制中间那部分的表格线的颜色(不是问外面的那个表格上下左右的框框的颜色)直接在表格属性(.table{ width:100%;background-color:#D6E0EF;})中用调用css的出(class="table")表格线的颜色虽然会变。但是整个单元格全部变色了(被填充了),怎么使单元格内容部分还是保持白色,而表格线是偶想要的颜色呢,请高手指点下,谢谢!

给整个table加个DIV的外框,table不用设置边框。给整个DIV设置左上右的边框(这里是设置外框)。给table的TD伪类设置右下的边框(这是里面边框的颜色)。定义最右边的那个TD不要右边的边框。这是笨办法。
推荐你用UL LI的无序列表做表格,给UL一个背景色一个边框色,背景色是里面表格线的颜色。里面的LI之间给一像素的间距。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-14

边框的颜色可以直接使用css的border-color来设置。参考如下示例:

table{border-color:red;}  

这里就把表格的边框颜色设置成了红色。

第2个回答  2013-04-18
给你写了一小段代码,看下对你有没有帮助??
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table{border-collapse:collapse;}
td{height:22px;width:80px;border:1px solid #CCC;}
</style>
</head>

<body>
<table><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table>
</body>
</html>本回答被网友采纳
第3个回答  2013-04-18
.td { border-right: 1px solid blue;}在需要设置的单元格属性加上class="td"
第4个回答  2019-08-26
这个设计到一个技巧性的应用,不是设置边线的颜色,而是设置单元格间距的颜色,详细的就是说:将单元格间距设置为2px,然后设置整个表格的背景色为你想要的边线的颜色,然后选中所有的单元格,将单元格的背景颜色设置为白色,这样单元格间距就相当与边线的颜色了,明白不,,,,,
相似回答