围绕轮廓的角落?

8 css css3 outline

所以我有四个盒子,向左浮动,每个盒子的页面宽度为50%.我希望他们有一个轮廓1px solid gray,我想用6px围绕角落.我知道我可以使用border:1px solid gray;,border-radius:6px;但问题是边框增加了元素的宽度.而且由于盒子的宽度为50%,并且它们向左浮动,我无法为它们添加边框.那么是否可以使轮廓角变圆?

编辑:CSS-only解决方案是最好的,因为我需要支持除IE6之外的每个浏览器.

kap*_*pex 5

您仍然可以使用框大小调整边框.它包含元素总宽度中的边框宽度,并且得到了相当的支持.