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