我想在表中的某个字段上方放一行，以表明它是上述值的总和。但是，默认情况下表格已经有边框。
这是一个例子：我有一个边框折叠的表格。我在一个字段上设置了下边框，在其下方的字段上设置了上边框。这两个都指定相同的边框。使用顶部 CSS。有没有办法使用底部的？
<html>
<head>
<style type="text/css">
table { border-collapse: collapse; }
td.first { border-bottom: solid red 1px; }
td.second { border-top: solid gold 1px; }
</style>
<body>
<table>
<tr><td class="first">Hello</td></tr>
<tr><td class="second">World</td></tr>
</table>
</body>
</html>
这显示了两个单元格，它们之间有一条红线。有没有办法获得金线？
这是一个定义的行为border-collapse。 O'Reilly CSS 权威指南第 3 版第 357 页说：
如果折叠边框具有相同的样式和宽度，但颜色不同，则...从最优选到最不优选：单元格、行、行组、列、列组、表格。
如果...来自相同类型的元素，例如两行...则颜色取自最顶部和最左侧的边框。
因此，最上面的红色胜出。
覆盖此问题的一种方法可能是使用颜色单元格来赢得行的颜色。
例子：http://jsfiddle.net/Chapm/ http://jsfiddle.net/Chapm/
优先级高于此“相同颜色规则”的规则
较宽的边界胜过较窄的边界
在那之后，
双胜实线，然后是虚线、点线、脊线、起始点、凹槽、插图
你可以使用 2px 来赢得黄金，我尝试在 Chrome 中使用1px but double，它显示为1px solid它也会战胜红色。尽管如果您想使用此方法，那么最好确保您支持的浏览器在使用此技术时表现相同。
http://jsfiddle.net/Chapm/2/ http://jsfiddle.net/Chapm/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
