Question

我为我的个人网站设计了布局。我将线条设计为分隔符。在布局中我并排制作了两条线。一个是黑色，一个是白色，所以我创造了一个很好的效果，我想通过使用CSS3的代码创建，而不包含任何图像。

我附上两张图片，看看我正在谈论的台词。

非常感谢您的时间。

干杯！

Answer 1

很难从屏幕截图中看到你的意思 - 我认为闪亮的圆圈是你突出你要向我们展示的位的方式，但实际上它们使得更难以正确地制作图像，而且它们'反正相当低调，无济于事。但无论如何我都会尽力帮助。

你所要求的是相当普遍的。通常你会使用CSS边框来做这种事情。

这样的事情：

border-left: 2px groove black; height: 50px; width: 2px;

这是所有标准的CSS;你在这里不需要任何CSS3技巧。

Answer 2

试

div {
  width:50px;
  border-right:1px solid black;
  box-shadow: rgba(255,255,255,0.8) 1px 0px 0px;
}

Answer 3

我的方法略有不同。看到上一篇文章： Two color borders