color - CSS

by redky

CSS

.case {
    width: 20px;
    height: 20px;
    margin: 5px;
    float: left;
}

JavaScript

var color = [
    'gray', 'red', 'green', 'blue', 'silver', 'yellow', 'black', 'white',
    'orange', 'gold', 'grey',
    'lightblue',
    'yellowgreen', 'whitesmoke', 'seagreen'
];

var body = document.querySelector( 'body' );
var fragment = document.createDocumentFragment();
color.forEach(function( c ) {
    var element = document.createElement( 'div' );
    element.setAttribute( 'class', 'case' );
    element.style.backgroundColor = c;
    fragment.appendChild( element );
});

body.appendChild( fragment );