起碰雹悉作用了啊！ border-radius: 0 0 50px 50px; 肆虚的意思是左上角和右上角保持直角不变，右下角和左下角是半径笑乎为50像素的圆角
补充：如果想要的效果是半圆，应该这样：
.h1{width:100px;
height:50px;
background:#F3F;
border-radius:0 0 100px 100px;}
做就要做全-webkit 是对border-raidus属性的浏览器兼容兼容
-webkit-border-radius：苹果；谷歌，亩罩慧等一些浏览器认，因为他们都用的是webkit内核；
-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
在这两个属性有值的时闷派候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，迅答和360没关系。不删除的话影响微乎其微.
显示得妥妥的，测试过备简了，你岁猛设置的就是左上和右上有圆角啊， 不过border-top-left-radius:10px;这样写更好，因为你就是设置一个圆角值，为乎滚桥何给两个?
遇到一个圆角的问题，设置了父元素逗激游的 border-radius ，但不生效。
偶然间，通过设置 overflow: hidden; 居然生效了（表要问我为啥，猜的，程序员就需要脑洞大开的试错）。继而，又发现在有 hover 效果的情况下，沙发(Safari)浏览器再次失效了。于是，继续试错，这次不幸运了，猜不着了。这次是在度娘的帮助下找到了线索，原来，safari、chrome浏览器早期存在这个问题（hover不hover都有），但是可以通过设置 transform 属性铅枣来解决，带着尝试的心理时试了一下，成功了。
在山销父元素上设置了 border-radius ，但不生效。可以在父元素上再设置： overflow: hidden; 。
部分浏览器不兼容这种方式，如果safari、chrome早期的版本，可以在父元素上再增加一个 transform 属性(任何生效的值都可以)，例如：
设置了 transform 属性后，不管带不带 hover 效果都生效了。
以上就是土嘎嘎小编大虾米为大家整理的borderradius不生效_borderradius设置后边框消失相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！