html - 角落上的css边框渐变

Question

我正在尝试构建我的网页，并且我想要div只定义角的 s。本质上，我希望右上角和左下角有渐变边框。我希望我的“ASCII 艺术”对你有意义。

     -    -  -  - - - - ----.
                            |
                            |
                            '
                            |
                            '

                            '

                            '

我也想要左下角的相应效果。

到目前为止，我不正确的代码并没有产生预期的效果：

-webkit-border-image: 
-webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#fff)) 1 100%;

Answer 1

据我所知，你想要一个从右上角到左下角的渐变，只显示在边框上。据我所知，您要么需要为整个事物创建背景图像，要么至少需要为边框创建背景图像。此外，五个主要浏览器中只有两个支持这样的渐变。抱歉，我无法提供更多帮助。