HTML CSS examples for CSS Widget:Border Style
Create CSS3 Gradient Borders
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!-- www . j a v a2 s .co m--> padding: 10px; } #theBox { border: 1px solid black; width: 100px; height: 100px; background: url(http://www.java2s.com/style/download.png) left no-repeat, -webkit-gradient(linear, left top, left bottom, from(#333), to(#999)); } </style> </head> <body> <div id="theBox"></div> </body> </html>