当前位置:  开发笔记 > 编程语言 > 正文

CSS圆角

如何解决《CSS圆角》经验,为你挑选了2个好方法。

我已经看到了很多这方面的代码,但看起来它们并没有很好地工作或根本没有.我已经使用了圆角的图片,但我需要代码,以便它将围绕a的边界

.我发现这个问题的唯一解决方案是在边界周围的单元格中有图像.还有什么我可以尝试的吗?



1> Lucas Jones..:

尝试:

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

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

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

我不完全确定这是否适用于表,但如果你完全控制 - 不要使用

for布局.请.

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

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

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

继续toprighttop-right.


如果让IE有方形边框并不完全难看,为什么不这样做呢?让优秀的浏览器拥有漂亮的东西.
该表实际上可能包含*表格*信息.在适当的**使用表中仍然有非常大的语义值.

2> Gav..:

尝试CSS 3选择器:

.element {
    border-radius:5px
}

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

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

推荐阅读
大大炮
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有