Html 向DIV边框添加笔划效果

我需要创建一个带有自定义边框的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。笔划基本上是指轮廓或边框，这是它的专业名称。你的代码看起来不错。这不管用吗

它在这种情况下起作用。它创建了一个厚的浅灰色边框，带有一点圆角

---

此外，您可以使用速记：边框：8px实心f7f7f7

笔划基本上是指轮廓或边框-这是它的专业名称。你的代码看起来不错。这不管用吗

它在这种情况下起作用。它创建了一个厚的浅灰色边框，带有一点圆角

---

此外，您可以使用速记：边框：8px实心f7f7f7

你要找的是边界：虚线； 如果设计师说笔划，那么他们的意思很可能是虚线。 我更新了尤塔姆的小提琴

border-style : dashed;

---

你要找的是边界：虚线； 如果设计师说笔划，那么他们的意思很可能是虚线。 我更新了尤塔姆的小提琴

border-style : dashed;

---

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

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

---

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

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

---

好的，谢谢你的回答，现在我还没有设计。但我不确定中风的影响是什么。我相信我的代码是好的，好的，谢谢你的回答，在这个时候我还没有设计。但我不确定中风的影响是什么。我相信我的代码是好的，然后在任何设计程序中为方框/对象添加一个笔划只会创建一个实心边框。IMHO Yotam说得对。在任何设计程序中为方框/对象添加一个笔划只会创建一个实心边框。IMHO Yotam说得对。