css - 如何修复 CSS 边框半径以切断边 Angular

Question

正如您在这张图片中看到的，我将 border-radius 属性应用到一个 div，现在它切断了 border 属性上的 Angular 。解决此问题的最佳方法是什么？

.store1,.store2,.store3,.store4,.store5 {
width: 160px;
padding: 5px;
margin: 5px 0 10px 0;
border: 4px solid #FFFFFF;
height: 70px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFFFFF;
display: inline-block;
font-style: none;   
color: #000000;
font-style: normal;
text-align: center;
}

Answer 1

您需要将上边框、左边框和右边框设置为 0，而不是仅仅将其设置为与背景颜色相同的颜色。然后，您的底部边框将一直延伸到边缘。

Example JSFiddle here.