在CSS中，經(jīng)常會用到橫線來裝飾頁面。除了常見的實線、虛線，我們還可以利用漸變效果來為橫線增加一些色彩和美感。

border-image: linear-gradient(to right, #f00, #ff0, #0f0, #00f);

以上代碼中，我們使用了“border-image”屬性來實現(xiàn)橫線的漸變效果。屬性值中，首先是設(shè)置漸變的方向，這里選擇“從左到右”；然后是四個顏色值分別代表著漸變過程中每一段的顏色。這個例子中我們分別設(shè)置了紅、黃、綠、藍(lán)四個顏色。

當(dāng)然，你也可以改變顏色和漸變方向來實現(xiàn)不同的效果。比如下面這個例子，我們選擇了垂直方向上的漸變效果，并且使用了黑色和白色兩個顏色作為漸變的顏色。

border-image: linear-gradient(to bottom, #000, #fff);

需要注意的是，漸變并不是所有瀏覽器都支持。不同的瀏覽器可能需要使用不同的前綴來實現(xiàn)同樣的效果。所以，在使用漸變效果的時候還需要多加留意。