怎样用css控制表格线的颜色
怎样用css控制表格线的颜色.例如一个三行三列的表格，偶要的是控制中间那部分的表格线的颜色（不是问外面的那个表格上下左右的框框的颜色）直接在表格属性(.table{wid...
怎样用css控制表格线的颜色.例如一个三行三列的表格，偶要的是控制中间那部分的表格线的颜色（不是问外面的那个表格上下左右的框框的颜色）直接在表格属性(.table{ width:100%;background-color:#D6E0EF;})中用调用css的出(class="table")表格线的颜色虽然会变。但是整个单元格全部变色了（被填充了），怎么使单元格内容部分还是保持白色，而表格线是偶想要的颜色呢，请高手指点下，谢谢!
展开
8个回答
展开全部
给整个table加个DIV的外框，table不用设置边框。给整个DIV设置左上右的边框（这里是设置外框）。给table的TD伪类设置右下的边框（这是里面边框的颜色）。定义最右边的那个TD不要右边的边框。这是笨办法。
推荐你用UL LI的无序列表做表格，给UL一个背景色一个边框色，背景色是里面表格线的颜色。里面的LI之间给一像素的间距。
推荐你用UL LI的无序列表做表格，给UL一个背景色一个边框色，背景色是里面表格线的颜色。里面的LI之间给一像素的间距。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
边框的颜色可以直接使用css的border-color来设置。参考如下示例：
table{border-color:red;}
这里就把表格的边框颜色设置成了红色。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你写了一小段代码，看下对你有没有帮助？？
<!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>
<!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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.td { border-right: 1px solid blue;}在需要设置的单元格属性加上class="td"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个设计到一个技巧性的应用，不是设置边线的颜色，而是设置单元格间距的颜色，详细的就是说：将单元格间距设置为2px，然后设置整个表格的背景色为你想要的边线的颜色，然后选中所有的单元格，将单元格的背景颜色设置为白色，这样单元格间距就相当与边线的颜色了，明白不，，，，，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
