角上的css边框渐变

Question

我正在尝试构建我的网页，我希望div只有定义的角落。基本上，我希望右上角和左下角有渐变边框。我希望我的“ASCII艺术”对你有用。

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

                            '

                            '

我也希望左下角有相应的效果。

到目前为止我的错误代码没有达到预期的效果：

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

Answer 1

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