1

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

我附上了两张图片以查看我正在谈论的线条。

非常感谢你们的时间。

干杯!

4

3 回答 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 回答