如何修复CSS边框半径从剪掉边框角落

正如您在此图像中看到的，我将border-radius属性应用于div，现在它将border属性的边角切掉。解决这个问题的最好方法是什么？如何修复CSS边框半径从剪掉边框角落

screenshot

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

来源

2012-02-07 Alexa Green

Xander的 - 固定！ – 2012-02-07 15:19:20

和那些边界在哪里？一个背景图像？你可以发布的HTML？ – MCSI 2012-02-07 15:22:28

html是基本的，它只是包含地址信息的

标签。 – 2012-02-07 15:33:21

您需要到顶部，左，右四个边框设置为0，而不是只设置它的颜色作为背景相同。然后，您的下边框将一直运行到边缘。

Example JSFiddle here.

来源

2012-02-07 21:12:38