关于 html:Border Radius 只舍入 div 的顶部? | 珊瑚贝

Border Radius only rounding the top of a div?


在带有边框的 div 上应用border-radius 属性只会将它应用到顶角。这是为什么呢?

示例:

https://jsfiddle.net/07tqbo56/1/

1
2
3
4
5
6
7
8
.asd {
  margin-top: 35px;
  width: 123px;
  border-top-style: solid;
  border-top-color: #1163b9;
  border-top-width: 70px;
  border-radius: 70px;
}
1
 

enter

这就是它在 Firefox 72、Ubuntu 19 上的样子。


不仅在 FireFox 中,在所有浏览器中都会如此,

你想这样做吗?



来源:https://www.codenong.com/59901005/

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_9088.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?