我想画一条虚线，垂直向下我的页面中心，"隐藏"在任何内容框下......有没有一种技术可以在 CSS 中做到这一点，或者我必须使用重复图像？
这给了你点：http://jsfiddle.net/NBMRp/
body:after {
content:"";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
border-left: 2px dotted #444; /*change these values to suit your liking*/
}
他们只是没有那么漂亮。
对于虚线，我会使用：
.vertical_dotted_line
{
border-left: 1px dotted black;
height: 100px;
}
<div class="vertical_dotted_line"></div>
为了使它under其他元素，您需要使用虚线div和其他div的z-index（它们应该具有更高的z-index值）
如果你想要，线条应该延伸到div 的高度之外 -
.dashed-lines:after {
content:"";
position: absolute;
z-index: -1;
top: -50px;
bottom: -50px;
left: 50%;
border-left: 2px dotted #ce9b3a;
}
在 Photoshop 中以所需的模式创建一个 1px 宽的 PNG 图像，然后将其设置为 <body> 元素的背景（或 CSS3 中的多个背景图像之一），如下所示：
body {
background-image: url("dottedLine.png") repeat-y center top;
}
您可能可以在没有图像文件的情况下执行此操作，方法是使用 data: URI 或创建重复的 2px 高的 CSS3 渐变。
这可以通过重复图像或CSS来完成，具体取决于您想要的点类型，因为CSS只有少数类型，甚至只有一个普通点。
使用CSS，您可以通过向左或向右移动边框来执行此操作。
例如
<div class="one"></div>
<div class="tow"></div>
.CSS
.one{
width: 50%;
border-right: 1px dotted red;
}
和图像
body{
background-image: url("dotted.png") repeat-y center top;
}