css - 带有圆 Angular 和边框的表头

一世
表格标题是否具有圆角和1px边框？

当我应用边框时，它不适用于圆角，但不适用于实际的表格边框，因此边框角为正方形。

我怎样才能做到这一点？

这是CSS：

.example th {
border: 1px solid #ddd;
background: #444;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
background: -moz-linear-gradient(top,  #eee,  #ddd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
color: #444;
    }

圆角适用于第一个和列出子th：
    -moz-border-radius：6px 0 0 0;
    -webkit-border-radius：6px 0 0 0;
    border-radius：6px 0 0 0;

最佳答案

这会使所有表头（如果您使用语义th单元格而不是主体td单元格）具有圆角，但是如果仅希望将其用于选定的表，则将该类重命名为table.rounded th并仅添加这些表的类：

th
{
-khtml-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: solid 1px black;
}

编辑：您需要在表上有rounded才可以...

关于css - 带有圆 Angular 和边框的表头，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10904075/