我为我的个人网站设计了布局。我将线条设计为分隔符。在布局中，我并排制作了两条线。一个是深色的，一个是白色的，所以我创建了一个不错的效果，我想使用 CSS3 通过代码创建而不包含任何图像。
我附上了两张图片以查看我正在谈论的线条。
非常感谢你们的时间。
干杯!
问问题
3743 次
3 回答
2
很难从屏幕截图中准确看出您的意思——我认为闪亮的圆圈是您突出显示您想要向我们展示的部分的方式，但实际上它们使正确识别图像变得更加困难，而且它们非常低-res 无论如何都没有帮助。但无论如何我都会尽力提供帮助。
你所要求的相当普遍。通常你会为这种事情使用 CSS 边框。
像这样的东西：
border-left: 2px groove black; height: 50px; width: 2px;
这都是标准的 CSS；你在这里不需要任何 CSS3 技巧。
于 2012-04-18T20:31:10.390 回答
1
尝试
div {
width:50px;
border-right:1px solid black;
box-shadow: rgba(255,255,255,0.8) 1px 0px 0px;
}
于 2012-04-18T20:29:36.487 回答
1
我的方法略有不同。请参阅上一篇文章： 两种颜色边框
这是给你的一个例子：http: //dabblet.com/gist/2416433
于 2012-04-18T20:42:57.917 回答