将边框应用于带圆角的div？

Question

如何为带圆角的div添加边框？ 当我尝试时，角落看起来很奇怪 - 边界不会一直缠绕。

Answer 1

旧版IE的兼容性可能存在问题，但下面的示例应适用于现代浏览器：

<强> CSS

div{
    width: 50px;
    height: 20px;
    padding 5px;
    border: 1px solid red;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    background-color: green;
}

这是 EXAMPLE

http://css-tricks.com/snippets/css/rounded-corners/