Как применить градиент к границе div?

Question

Как я могу применить градиент к границе div, используя CSS?Любой пример, пожалуйста.Я пытался использовать Google, но не смог этого сделать.

Answer 1

хитрость заключается в том, чтобы использовать оболочку и иметь фоновое изображение , так что это IE7 + доказательство

<span class="buttonWrapper">
   <input type="button" value="Submit" />
</span>

live пример на JsBin

Answer 2

http://jsfiddle.net/nicktheandroid/b875w/1/

посмотрите мое демо, я пытаюсь установить градиент только на правой границе, а не на других.