Skip to content

Instantly share code, notes, and snippets.

@jineeshjohn
Created May 21, 2012 16:18
Show Gist options
  • Save jineeshjohn/2763092 to your computer and use it in GitHub Desktop.
Save jineeshjohn/2763092 to your computer and use it in GitHub Desktop.
Colors supported by all major browsers
<style>
div.white{ background-color:white;}
div.yellow{ background-color:yellow;}
div.red{ background-color:red;}
div.fuscia{ background-color:#f0f;}
div.silver{ background-color:silver;}
div.gray{ background-color:gray;}
div.olive{ background-color:olive;}
div.purple{ background-color:purple;}
div.maroon{ background-color:maroon;}
div.aqua{ background-color:aqua;}
div.lime{ background-color:lime;}
div.teal{ background-color:teal;}
div.green{ background-color:green;}
div.blue{ background-color:blue;}
div.navy{ background-color:navy;}
div.black{ background-color:black;}
div#colors{
font-size:0;
}
div#colors div{
display:inline-block;
height:150px;
width:150px;
text-align:center;
valign:middle;
font-size:30px;
}
</style>
<div id="colors">
<div class='white'>1</div>
<div class='yellow'>2</div>
<div class='red'>3</div>
<div class='fuscia'>4</div>
<div class='silver'>5</div>
<div class='gray'>6</div>
<div class='olive'>7</div>
<div class='purple'>8</div>
<div class='maroon'>9</div>
<div class='aqua'>10</div>
<div class='lime'>11</div>
<div class='teal'>12</div>
<div class='green'>13</div>
<div class='blue'>14</div>
<div class='navy'>15</div>
<div class='black'>16</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment