是否存在可以应用于DIV边缘的“突出”式属性？

Question

我正在使用960.gs网格系统创建HTML页面。我想在其中一个排水沟的中心沿着一条垂直虚线。

带网格覆盖的页面（标记为红色的装订线）：

带有模拟垂直虚线的页面：

但是，排水沟在grid.css样式表中强制为边距。当我向内容列添加边框时，它会立即关闭网格并打破页面（最后一列DIV将换行到下一行）。

我的解决方法是给整个页面一个940px x 2px的垂直重复背景，包含点，这样就会产生虚线边框的错觉。

我更喜欢这是在代码中处理的。

我的问题：text-indent是否存在类似的行为？

与减值一起使用时，会拉回文本的开头，而不会影响DIV的大小，边距，填充或相邻的DIV。

也许我可以用列的边框做类似的事情。

Answer 1

在问题中，我的解决方法 - 最终的解决方案 - 是给整个页面一个940px x 2px的垂直重复背景，包含点，这样就会产生虚线边框的错觉。

据我了解，这是我发现的最理想和最有效的解决方案。

Answer 2

您必须添加额外的div。如果您想添加padding，也一样。

<div class="container_12">
    <div class="grid_6">
        <div id="content">
            <!-- Your content -->
        </div>
    </div>
</div>

#content { 
    border-right: 1px dotted black;
    padding: 0 1em;
}