将笔触效果添加到DIV边框

Question

我需要创建一个带自定义边框的HTML div.根据设计师的说法,边框的半径为3px,行程为8px,颜色为f7f7f7,位置在外

到目前为止我所拥有的是:

div#content {
    padding                 :   10px 20px;
    border-style                :   solid;
    border-width                :   8px;
    border-color                :   #F7F7F7;
    -webkit-border-radius       :   3px;
    -moz-border-radius          :   3px;
    border-radius               :   3px;

}

我真的不知道中风效果是什么以及如何用css做到这一点.

Answer 1

笔划基本上是指轮廓或边框 - 这是它的专业名称.你的代码似乎很好.不行吗？

它适用于这个jsFiddle.它创造了一个厚实的浅灰色边框,带有一点圆角.

另外,你可以用速记: border: 8px solid #f7f7f7;