在循环中设置背景颜色

时间:2013-09-13 06:34:19

标签: colors background row tr

我想在多个tr 上设置相同的背景颜色。因此,每个 ROW 与另一个分开

请看一下这张图片。我想表现相同:

enter image description here

Check this DEMO:

http://jsfiddle.net/RkVsp/3/

3 个答案:

答案 0 :(得分:2)

你需要为你的“table td”和“table”元素编写css。折叠边框将帮助您解决此问题。我更新了您的fiddle

<强> CSS:

  table{
 background-color:gray;
  border-collapse:collapse;  
}

table td{
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}

答案 1 :(得分:0)

使用带有border-bottom属性的CSS,并确保将单元格间距和填充设置为0:

td { background-color: #FFC; border-bottom: 1px #FFF solid; }

答案 2 :(得分:0)

如果您使用的是Chrome或Firefox并安装了firebug,则应该可以右键单击“Inspect Element”。这将显示正在使用的样式。

查看http://getfirebug.com/enable