如何通过切断边框角来修复CSS边框半径

Question

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

.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.