第<b>个边界半径。无边框取整 [英] border-radius on &lt;th&gt;. No border rounding

问题描述

我的css看起来像这样：

I have css looks like that:

#caltable th {
    border: solid 1px #333;
    border-radius: 7px;
    background: #f00;
}

但这是我在浏览器（Chrome / FF）中得到的：

But this is what i've got in browser (Chrome/FF):

问题是如何使黑线也变圆？

The question is how to get black line also rounded?

推荐答案

更改<$ c在< table> border-collapse：collapse 转换为 border-collapse：separate $ c>。

Change border-collapse:collapse to border-collapse:separate on the <table>.

您还应该添加对非newwest版本的浏览器的支持：

You should also add support for browsers which are not at the newwest version:

-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
-webkit-border-radius: 7px;

这篇关于第<b>个边界半径。无边框取整的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！