View sourcecode

Colors and background
==============================



```

/**
 * Create element to test on
 */

var div = document.createElement("div");
document.body.appendChild(div);
div.innerHTML = "Hello world!";


/**
 * Set text color
 */

div.style.color = "blue";


/**
 * Set background color
 */

div.style.backgroundColor = "#f99";


/**
 * Set opacity of the box
 */

div.style.opacity = "0.5";



```


Reference and read more
------------------------------

[MDN style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.style)
[MDN CSS properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference)


Revision history
------------------------------

2014-06-03 (sylvanas) PA1 First try.