HTML 和 CSS 表格

Question

我有一张如图所示的 table :

是否可以用纯表(tbody,th,td,tr,thead) css，有什么例子吗？一般来说，我对带边框的圆 Angular 有问题吗？

Answer 1

是的，这是可能的。但是对于某些属性，浏览器前缀会有一些问题。

有很多方法可以绕过它，最好的方法是使用 css 处理器(例如:compass)。 或者只是谷歌圆 Angular ，你会找到你要找的东西

这是一个post详细讨论。

所以对于圆 Angular ，这将是:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */

关于交替着色，您可以使用 css3 psudo-selector :

请看这个post

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

这会工作得很好，但在旧的浏览器中这不会工作，所以如果你想支持旧的浏览器，请为每个使用一个单独的类。

.even-td {background: #CCC}
.odd-td {background: #FFF}

JSFIDDLE DEMO