Cascading Style Sheets

Kleuren

» CSS / Kleur

m een kleur te definieren maak je gebruik van background-color en color. Zowel kleurennamen als RGB waarden zijn toegestaan:

.witgroen  {
   background-color: green;
   color: white;
}   

In je HTML zet je:

<p class="witgroen">Wit op groen</p>

Wit op groen

Je kunt ook een border een kleurtje geven. Dat doe je met border-color:

pre  {
   font-family: "Courier New",
                 Courier, monospace;
   font-size: 1.0em;
   line-height: 1.5em;
   font-weight: bold;
   color: #000000;
   background-color: #ccffff;
   margin-left: 10px;
   margin-right: 20px;
   border-color: #dcdcdc;
   border-style: outset;
   border-width: 1px;
   padding: 2px;
}

Een andere manier is om alles wat met de border te maken heeft achter elkaar te zetten:

border: 1px #DCDCDC outset;