CSS圆角

Question

我已经看到了很多这方面的代码,但看起来它们并没有很好地工作或根本没有.我已经使用了圆角的图片,但我需要代码,以便它将围绕a的边界<table>.我发现这个问题的唯一解决方案是在边界周围的单元格中有图像.还有什么我可以尝试的吗？

Answer 1

尝试:

selector {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

这适用于Firefox,Safari,Chrome和任何其他兼容CSS3的浏览器.为此创建一个单独的类可能更容易 - 完全兼容需要3个语句.

另外,请尝试使用图像(cssjuice.com)获取更多技术.

我不完全确定这是否适用于表,但如果你完全控制 - 不要使用<table>for布局.请.

(注意 - 我认为使用表格标签表格数据很好,而不是使用DIV的地方.)

更新:仅适用于一个角落:

-moz-border-radius-topleft: 3px;
/* ... */
-webkit-border-top-left-radius: 3px;

继续topright或top-right.

Answer 2

尝试CSS 3选择器:

.element {
    border-radius:5px
}

对于Safari,Google Chrome(Webkit)和Mozilla使用以下两个选择器(尽管Mozilla支持CSS 3选择器(不确定是否另一个选择器):

.element {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}