3

嗨,我正在将此代码用于 CSS3 边框半径,我该如何调整它以便只在顶部获得边框半径?

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

谢谢你。

4

3 回答 3

4

使用侧面特定的边界半径规则。

前任:

-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;

请注意,Chrome 和 Firefox 的最新版本都支持没有前缀 whis 的边界半径规则,只有旧版本才需要。

于 2012-09-22T22:20:33.023 回答
3

采用:

border-radius:15px 15px 0 0;
-moz-border-radius:15px 15px 0 0;
-webkit-border-radius:15px 15px 0 0;

顺序为:左上、右上、右下、左下。

于 2012-09-22T22:21:34.250 回答
2

使用border-radius简写属性:

border-radius:15px 15px 0 0; /* top-left, top-right, bottom-right, bottom-left */
于 2012-09-22T22:21:37.583 回答