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