2011-04-17 136 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