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;

Answer 2

我理解'笔画'的概述，就像通常所说的文字效果一样。我会去，因为轮廓与半径不友好：

div {
    border:solid; /* no info for size nor color yet */
    box-shadow: 0 0 0 8px #f7f7f7;
    border-radius:3px; /* prefix not needed anymore */
}

Answer 3

你在寻找的是边界：虚线; 如果设计师说中风，他们很可能意味着冲动。我已经更新了Yotam的小提琴

border-style : dashed;

jsfiddle

将笔触效果添加到DIV边框

3 个答案: