Css 尝试在不使用背景div渐变的情况下创建渐变边框

Css 尝试在不使用背景div渐变的情况下创建渐变边框,css,Css,我想知道如何制作一个有梯度的边界。这里有一个陷阱-边框不在div的边缘,所以我不能使用put-a-div-inside-a-div-and-make-the-background-div的梯度技巧。梯度nalso必须重复。我已经使用了一个子div来创建边框位于父div内部的效果,但是现在我也需要将其设置为渐变。例如,我实际上试图使其与此页面底部div周围的边框完全相同:。这里的这些只是背景图片,所以我不能使用它们,我需要这个网站的反应。有什么想法吗?提前谢谢 查看链接到的站点后,使用一个具有所需

我想知道如何制作一个有梯度的边界。这里有一个陷阱-边框不在div的边缘,所以我不能使用put-a-div-inside-a-div-and-make-the-background-div的梯度技巧。梯度nalso必须重复。我已经使用了一个子div来创建边框位于父div内部的效果,但是现在我也需要将其设置为渐变。例如,我实际上试图使其与此页面底部div周围的边框完全相同:。这里的这些只是背景图片,所以我不能使用它们,我需要这个网站的反应。有什么想法吗?提前谢谢

查看链接到的站点后,使用一个具有所需渐变的div,然后再添加两个div怎么样。一个边框很厚,没有填充,另一个边框很宽,这应该可以为后面的渐变提供透明的间隙。

您可以使用径向渐变来实现背景

div{ 宽度:500px; 高度:自动; 溢出:自动; 边界半径:10px; 背景:30%20%径向梯度,ededed,d6d1c7; 填充:20px; 边缘底部:20px; } Lorem ipsum dolor sit amet,是一位杰出的献身者。你可以坐在马萨广场上。Aliquam和felis tempor,拍卖人lectus id,mattis quam。自由港、nec港和nec港、mattis sapien港。门前庭。佩伦茨克 前庭、前庭、前庭、前庭、前庭和前庭。这是一辆汽车。Nunc欧盟拍卖商sem。莫比·维尔·佩伦茨克·尼布。萨皮恩锡西德的马利苏亚达精英香 康格维塔。他是欧盟的重要人物。埃涅和图尔皮斯在梅特斯乌兰科佩尔车辆a非埃尼姆。这是一个很好的例子。这是一个通俗易懂的故事,它是一个快速发展的过程,是一个不断进步的过程,是一个不断进步的过程。
Morbi Placelat malesuada urna posuere cursus。Nullam risus urna,mollis sit amet urna id,convallis pellentesque ligula。大家能不能别再投我的反对票了,如果你不能回答这个问题就别回答了。不是每个人都是职业选手,只是想在这里得到一些帮助。谢谢!工作得很漂亮,它也应该是动态的,高度对一定程度的反应。如果您希望它在小屏幕上响应,那么必须将宽度更改为基于百分比的值。