Search code examples
cssgradientborder-layout

How to apply gradient to the border of a div?

How can I appply gradient to the border of a div using CSS ? Any one example please. I have tried using google, but not able to do it.

Solution

  • the trick is to use a wrapper and had an background image to it, so it's IE7+ proof

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

    live example on JsBin