div 标签边框

Question

我和一个伙伴正在开发一个 html 应用程序，它看起来类似于 ipad twitter 应用程序。

http://www.iampersandi.com/wp-content/uploads/2010/04/photo3.png

我想知道他们是如何创建分隔深灰色用户框的虚线。

我目前将此作为可调整大小的 div，每个用户在其中都有自己的 div（例如 Chris Purillo 和 Jeff Pulver 将在可调整大小的大 div 中的单独 div 中）。

将它们分开的假动作线是否只是使用背景 colors 和 css3 的聪明卡车，还是有更好的方法来创建它？

Answer 1

你可以尝试这样做：

border-top:1px solid #46464f;
border-bottom:1px solid #282832;

Answer 2

我将只使用 1px 宽和 2px 高的背景图像以及两个关联的 colors 并将其设置为 div 的顶部

#div {
      background:url('border.jpg') repeat-x top
}

甚至将其设置为border-image: css 属性

http://www.css3.info/preview/border-image/