如何为一个div元素仅添加上下渐变边框

Question

我想找一种方法为我的顶部和底部边框添加渐变边框（从黑色到灰色），而不对边缘进行任何处理。

有没有简单的方法？

- Daniel Vilas-Boas

Answer 1

border-top: 10px solid red;
border-bottom: 10px solid red;
border-left-width: 0;
border-right-width: 0;
border-image: linear-gradient(to right, red, violet) 1 stretch;

Chrome和Safari需要border-right-width和border-left-width属性。

- user4717311