html - CSS 圆 Angular

Question

我看过很多这方面的代码，但似乎没有一个能很好地工作或根本无法工作。我已经使用圆 Angular 的图片，但我需要代码，以便它可以围绕 <table> 的边框.我为这个问题找到的唯一解决方案是在边框周围的单元格中放置图像。还有什么我可以尝试的吗？

Answer 1

尝试:

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

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

另外，试试 here (cssjuice.com)有关使用图像的更多技术。

我不完全确定这是否适用于表格，但如果您可以完全控制 - 不要使用 <table>布局。请。

(注意 - 我认为对表格数据使用 table 标签很好，而不是应该使用 DIV 的地方。)

更新:仅应用于一个 Angular :

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

继续 topright或 top-right .