HTML CSS examples for CSS Widget:Color
Create a bottom border with two color
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div {<!--from ww w .j a v a 2 s. c o m--> font: 40px Arial; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0505), color-stop(50%,#ff0000), color-stop(50%,#000000), color-stop(100%,#000000)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } span { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0505), color-stop(50%,#ff0000), color-stop(50%,#000000), color-stop(100%,#000000)); display: block; height: 2px; } </style> </head> <body> <div> THIS IS A DEMO WORD </div> <span></span> </body> </html>