html – CSS圆角

我已经看到很多代码,但它似乎不是非常好的工作,或者根本就没有.我已经将图片用于圆角,但是我需要使用代码,以便绕过< table>的边框.我发现这个问题的唯一解决方案是在边框周围的单元格中有图像.还有什么我可以试试吗？

解决方法

尝试：

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

这将适用于Firefox,Safari,Chrome和任何其他CSS3兼容的浏览器.为此可能更容易制作一个单独的类 – 有3个语句是完全兼容所需的.

另外,尝试使用here (cssjuice.com)更多的技术使用图像.

我不完全确定这是否适用于表格,但如果您完全可以控制 – 请勿使用< table>用于布局.请.

(注意 – 我认为使用表格标签表格数据的罚款,只是不应该使用DIV.)

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

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

继续向右或右上