当前位置: 首页 > 知识库问答 >
问题:

前端 - border-image的渐变slice为什么设置为1?

曹新觉
2023-06-25
div {
  border: 4px solid;
  border-image: linear-gradient(to right, #8f41e9, #578aef) 1;
}

这里的border-image-slice为什么设置为1,为什么不是4,或者其他值?

共有1个答案

宰父深
2023-06-25

这个简单一两句解释不好,这个值也可以是其他值,关键在于这个值相当于你div的百分几,如果非常小,从显示效果来说14其实差别不大,建议先了解透border-image-slice的绘制原理,然后试着改下slice的值看效果,理解后你就知道这个取值了。
可以看下:https://www.zhangxinxu.com/wordpress/2010/01/css3-border-image/

 类似资料:
  • 问题内容: 切片是对基础数组的引用。这是有道理的,似乎可以在内置/原始类型上使用,但是为什么不能在结构上使用呢?我假设即使我更新了一个struct字段,引用/地址也仍然相同。 需要说明的是:我知道我可以在两种情况下都使用指针。我只是对为什么不更新结构感兴趣(与int不同)。 问题答案: 调用时要做的是传递一个包含值副本的新数组,并立即丢弃该数组。这与您使用基元不同,因为您保留了数组。 这里有两种方

  • 我的类中有一个静态变量,我在cpp文件中将其实例化为值1000。 cpp文件的代码。 当我打印容器对象的ID值时,它们不断递增。 我的问题是,当我创建一个新对象时,我将静态变量实例化为值0f1000,那么为什么它会随着创建的每个对象不断递增呢?

  • 我们强调渐进式的改善站点体验主要有下面两个原因: 降低站点改造的代价,逐步支持各项新技术,不要一蹴而就 新技术标准的支持度还不完全,新技术的标准还未完全确定 PWA 改造的成本考虑 PWA 涉及到从安全、性能和体验等方面的优化,想要一次性支持所有特性,代价很高,老板也不一定愿意投入大量人力来支持这项大工程。 所以,从改造的成本考虑,我们也建议采取渐进式的方式,可以考虑按照下面的步骤来改造: 第一步

  • 我想使用JavaFX CSS更改的背景和边框颜色。我不明白为什么重置TextField的边框半径? 如您所见,第二个没有边框半径。 示例/style.css: 更新1 附加问题:为什么删除TextField边框(只需从中删除来重现)?

  • 所以现在我有一堆活动和片段,它们在或中有以下代码: 这将状态栏设置为具有渐变色的可绘制对象。这样做的问题是,我不喜欢将这些代码复制并粘贴到我拥有的每个活动和片段中。不仅如此,这不适用于我的,这是用户首次运行应用程序时启动的第一个活动。那么,将状态栏颜色设置为自定义渐变颜色的最佳方法是什么,以及也适用于启动的第一个活动的方法是什么?