1

我需要创建一个带有自定义边框的 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做到这一点。

4

3 回答 3

6

中风基本上意味着轮廓或边框 - 这是它的专业名称。你的代码看起来不错。没有用吗？

它适用于这个jsFiddle。它创建了一个带有一点圆角的粗浅灰色边框。

此外，您可以使用速记：border: 8px solid #f7f7f7;

于 2013-07-03T16:10:11.470 回答
0

我理解概述的“中风”，就像通常所说的文字效果一样。我会去，因为轮廓对半径不友好：

div {
    border:solid; /* no info for size nor color yet */
    box-shadow: 0 0 0 8px #f7f7f7;
    border-radius:3px; /* prefix not needed anymore */
}
于 2013-07-03T17:35:07.270 回答
-2

您正在寻找的是边框：虚线；如果设计师说中风，很可能他们的意思是虚线。我更新了 Yotam 的小提琴

border-style : dashed;

jsfiddle

于 2013-07-03T16:31:15.237 回答