2011-04-17 163 views
0

我不知道这一点,但有什么办法,我可以简化:我可以简化这个CSS吗?

-moz-border-radius: 10px 0px 0px 10px/10px 0px 0px 10px; 
+1

不要忘记,您需要指定'border-radius'和'-moz-border-radius'以实现跨浏览器兼容。如果你想包含IE浏览器,你可能还需要包含像CSS3Pie一样的黑客攻击。 – Spudley 2011-04-17 16:50:49

回答

4

可以简化水平和vetical半径为单个声明:

-moz-border-radius: 10px 0px 0px 10px; 

但是,你不能简化它进一步,因为半径只是对角继承的。 (如果左下角的值不存在,左下角会取右上角的值)。

+0

非常感谢! :-) – Mariko 2011-04-17 16:43:45

+2

甚至更​​简单,'-moz-border-radius:10px 0 0 10px;' – Marcel 2011-04-17 16:45:00

+0

Ooo,忘了那个,@Marcel。为了避免混淆,我通常尽量保持我的陈述清楚。 :) @Mariko,np!解? :d – 2011-04-17 16:50:29