css - 想让边框颜色从内向外渐变？
border-top: 3px solid #385feb !important;想让边框颜色渐变
border-top-color: linear-gradient(red, green, blue)没效果
共有3个答案
CSS 不直接支持使用 border-color 属性创建渐变边框。不过，你可以使用 border-image 属性或伪元素来实现渐变边框效果。以下是两种方法：
方法一：使用 border-image
CSS
.element {
border: 3px solid;
border-image: linear-gradient(to right, red, green, blue) 1;
}
这种方法使用 border-image 属性为边框应用渐变效果。
方法二：使用伪元素
CSS
.element {
position: relative;
padding: 10px;
}
.element::before {
content: '';
position: absolute;
top: -3px;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(to right, red, green, blue);
z-index: -1;
}
这种方法使用伪元素创建渐变边框。
前面大佬已经说了需要 border-image，另外好像 圆角的话就不支持渐变了
需要使用 border-image 而不是单纯设置 border-color
CSS实现渐变色边框（Gradient borders）的5种方法 - 半路出家老菜鸟 - SegmentFault 思否
-
当前结果：下边框为灰色 所需结果：所有边框均为白色 问题：CSS中的边框颜色设置为白色
-
问题内容： 在当前的工作中，我需要在容器上产生一个双边框。边框样式：double；做到这一点，但是我的客户希望外部边界更厚，内部边界具有正常的厚度。 除了创建2个div之外，还有1个嵌套在另一个div中，外部div具有更大的厚度，或者通过使用边框图像，有什么方法可以用CSS来实现，而仅使用1 div？指定边框样式：double; 并且仍然能够使外边界更厚。 问题答案： 轮廓包含在CSS3规范中，并
-
问题内容： 我想在表格中某个字段的上方放置一条线，以表明它是上述值的总和。但是，该表默认情况下已经带有边框。 这是一个示例：我有一张折叠了边框的桌子。我将边框底部设置在一个字段上，将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的？ 这显示了两个单元格之间有一条红线。有办法获得金线吗？ 问题答案： 这是的已定义行为。《 O’Reilly CS
-
问题内容： 我的边框颜色有问题。没用 我是CSS新手， 问题答案： 默认情况下，is 和is 因此，您需要将它们设置为和。您可以将所有边框属性组合为一个，如下所示：
-
我有一个表格，每个边框都设置为1px宽。我希望顶部、左侧和底部边框是黑色的，右侧边框是白色的。所以，我使用了这个css代码 问题出现在IE9中，其中右上角的像素为白色，而右下角的像素为黑色。 我怀疑问题来自IE9重组样式的方式，因为当我在开发工具控制台中查看我的表的css时，它是这样排序的： 这让我想，也许，用于定义颜色的顺序使其顶部边框为黑色，然后右侧边框为白色（覆盖右上角），然后底部边框为黑色