边框顶部和边框半径CSS3问题

我正在寻找添加边框顶部，20px solid red;，我希望这个底部被四舍五入。随着下面它似乎为我工作。边框顶部和边框半径CSS3问题

-moz-border-radius-bottomright: 12px 12px; 
    border-bottom-right-radius: 12px 12px; 
    -moz-border-radius-bottomleft: 12px 12px; 
    border-bottom-left-radius: 12px 12px;

我该怎么办？

来源

2013-04-23 mariovass

你的盒子有背景吗？ – BoltClock 2013-04-24 00:30:55

我不确定你为什么不能产生结果，但上面的代码看起来是正确的。我提供了一个JS小提琴的例子，和我的作品。我假设你在框中添加了border-top属性。我认为你不需要每个边界财产的两个价值。希望这可以帮助。

创建一个ID为框的新图层对象并应用以下CSS。如果您在框中添加一个段落，边框将不会出现。

http://jsfiddle.net/brownlace/kEvrE/1/embedded/result/

/* css3 rounded corners */ 

#box { 
border-top: 20px solid red; 
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 20px; 
-moz-border-radius-bottomright: 20px; 
-moz-border-radius-bottomleft: 20px; 
}

来源

2013-04-23 22:57:27 Brownlace

我建议你使用border而不是border-top以确保属性应用于所有边框。

border: 20px solid red;

在这种情况下，你可以使用border-bottom-left-radius: 12px;一个值，因为两者是相同的。你

还可以添加供应商属性的WebKit：

-webkit-border-bottom-right-radius: 12px; 
-webkit-border-bottom-left-radius: 12px;

Here是小提琴。

来源

2013-04-24 00:02:03 cortex

边框顶部和边框半径CSS3问题

回答

相关问题