Css 在轮廓的拐角处？

我有四个框，向左浮动，每个框的宽度为页面的50%。我想让它们有一个1px纯色灰色的轮廓，并且我想用6px圆角。我知道我可以使用

边框：1px纯色灰色和
边界半径：6px但问题是边框会增加元素的宽度。因为方框有50%的宽度，并且它们是向左浮动的，所以我不能给它们添加边框。那么，是否可以使轮廓角变圆

编辑：只有CSS的解决方案最好，因为我需要支持除IE6之外的所有浏览器。
使用以下CSS属性创建圆角边框

-moz-border-radius:0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius:0 0 10px 10px;
border:1px solid gray;

如果你用这个。请张贴一些你使用的代码。只有我们才能找到错误或任何需要修改的地方

谢谢
您仍然可以使用borders来执行此操作。它将边框的宽度包含在元素的总宽度中，并且是。
我的想法未经测试，但是使用50%的div作为带有边框的实际div的容器怎么样？

然后，带边框的div将
高度
和
宽度
设置为
自动
，并将其
左侧
、
右侧
、
顶部
和
底部
设置为
0px
有一个。但是您仍然需要设置
outline:0
并使用
边框半径
和/或
框阴影
另一种方法是使用outline属性以及80像素的边框半径。类似的情况如下：

outline: 5px #FFF;
border-radius: 80px;

这适用于小图像，而不是太大的图像。如果要在较大的图像上使用round edge系统，则必须按照其他人的说明进行操作，并使用以下代码：

-moz-border-radius:0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius:0 0 10px 10px;
border:1px solid gray;

控制边框的最佳方法是使用框阴影。它保持圆角，可以在外部或内部（带有插图）

例如：

box-shadow: 0px 0px 0px 2px black;
/*outside border black 2px width*/

box-shadow: 0px 0px 0px 2px black inset;
/*inside border black 2px width*/

除了IE6之外，是否每个浏览器都支持它？它说IE7不支持它。我知道只有css的解决方案会更好，但可能是一种选择。或者一些有条件的IE7CSS样式。必须有一种方法在css中实现这一点。没有条件。好吧，在旧的浏览器中使用框半径，所以我认为您不需要尝试使用borders for>ie8。在这种情况下，我仍然会使用一些使用大纲的条件样式表。不确定没有条件的css唯一方法是否真的存在。我不喜欢变通方法，因为它们往往只在特定浏览器中工作。@ChristianNikkanen:你至少尝试过这种方法吗？它只是CSS3，目前在所有主流浏览器中都有实现。同样，也有IE专用的。你不觉得支持IE7有点过分吗？：）它不起作用。测试一下。轮廓在边界之外。无论边界半径如何。另外，这个问题已经有一年多的历史了，它有一个公认的答案。
box shadow
在IE9之前不受支持。另一个答案中也提出了这一点。