CSS3 – градиентные рамки с помощью border-image
Свойство CSS3 border-image позволяет задавать изображение в качестве рамки элемента. Однако если вместо url изображения задать значение linear-gradient (аналогично свойству background-image для задания фонового градиента), мы получаем градиентную рамку.
Пример: