一尘不染

CSS圆角

css

我已经看到了很多代码,但是似乎没有一个代码可以很好地工作或根本无法工作。我已经使用了图片作为圆角,但是我需要代码,以使其能够围绕的边界<table>。我针对此问题找到的唯一解决方案是在边框周围的单元格中具有图像。我还能尝试什么吗?


阅读 241

收藏
2020-05-16

共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;

继续执行toprighttop-right

2020-05-16