HTML CSS examples for CSS Widget:Border Style
Gradient border effect
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .colors {<!-- www . j av a2 s .co m--> padding:10px; width:100px; border: 10px solid rgba(0,0,0,0.2); height: 50px; background: linear-gradient(to right, #78C5D6, #459BA8, #79C267, #C5D647, #F5D63D, #F08B33, #E868A2, #BE61A5) ; background-size: 117%; background-position-x: 130px;} </style> </head> <body> <div class="colors"></div> </body> </html>