现在我们要实现一个边框内圆角的效果，效果图如下所示：

第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么

div {            outline: .6em solid green;            max-width: 10em;            border-radius: .8em;            padding: 1em;            margin: 1em;            background: red;            font: 100%/1.5 sans-serif;        }

然后运行一看效果是这样的：

所以最终我们的代码是：

div {            outline: .6em solid green;            box-shadow: 0 0 0 .4em green;            /* todo calculate max of this */            max-width: 10em;            border-radius: .8em;            padding: 1em;            margin: 1em;            background: red;            font: 100%/1.5 sans-serif;        }

具体效果见