You can edit / change the code and click run button
<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>css demo</title> <style> div { width: 100px; height: 100px; margin: 12px; float: left; } </style> <script src="../../../jquery-1.10.2.js"></script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> <span id="result"> </span> <div style="background-color:yellow;"></div> <div style="background-color:rgb(25,09,90);"></div> <div style="background-color:#042490;"></div> <div style="background-color:#f00;"></div> <h2>Click on each box</h2> <script> $( "div" ).click(function() { var color = $( this ).css( "background-color" ); $( "#result" ).html( "That div is <span style='color:" + color + ";'>" + color + "</span>." ); }); </script> </body> </html>