如何更改底部边框的圆角半径？

Question

所以，我在谷歌上查了一下如何做到这一点，有些人告诉我代码是：

border-bottom-radius: value;

当然是在Chrome上。 我尝试了一下，似乎不起作用。 如果你们能帮助我，我在这里等待你们的帮助！谢谢 :D

- user3779775

---

谷歌搜索“border-bottom-radius”...第三个结果：http://css-tricks.com/almanac/properties/b/border-radius/ - Blunderfest

要获得完整的浏览器支持，请访问http://borderradius.com/。 - Noah Wetjen

使用这个 border-bottom-left-radius:value 和 border-bottom-right-radius:value。 - Raviranjan Mishra

Answer 1

使用border-bottom-left-radius和border-bottom-right-radius

使用border-top-left-radius和border-top-right-radius

或者使用缩写符号，如在CSS3边框半径缩写解决方案中所描述的那样：

border-radius: 0 0 25px 25px;

- Bass Jobsen

---

是的，你说得对 :) 我的意思是：使用 border-bottom-left-radius 和 border-bottom-right-radius。 - Bass Jobsen

Answer 2

https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

border-bottom-left-radius: value;
border-bottom-right-radius: value;

- Steve Sanders

Answer 3

你需要使用 border-bottom-right-radius 和 border-bottom-left-radius。

Mozilla 开发者网络 是一个很好的参考资源，也是我解决这类问题时的首选。

- Knyri