Beste,

Ik heb een website en ik maak gebruik van gekleurde paragraven:

Code:

<p style="background-color: #000000"> bla bl blaaaaa </p>

Nou is dit geen goed gebruik van XHTML en ik wil dit graag op een verantwoorde manier doen. Heeft iemand een idee hoe ik dit met CSS kan doen?

Groet,

Joost

<p class="foo"> bla bl blaaaaa </p>
.foo p { background-color: #000; color:#FFF; }

Origineel gepost door S. van Laere

<p class="foo"> bla bl blaaaaa </p>
.foo p { background-color: #000; color:#FFF; }

Dit ziet er een stuk simpeler uit dan ik het me had voorgesteld. Thanks! Waarom kort je de kleuren af met maar 3 tekens ipv 6?

Origineel gepost door Joost Culper

Dit ziet er een stuk simpeler uit dan ik het me had voorgesteld. Thanks! Waarom kort je de kleuren af met maar 3 tekens ipv 6?

Om ruimte te besparen, ik gebruik de verkorte versie van de hexwaarde:
Dit: .oranje {color:#ff6600;}
Is hetzelfde als dit: .oranje {color:#f60;}
Maar het scheelt de helft.

Sommige kleuren kan je inkorten. #000000 kan je schrijven als #000 en #ffffff ook als #fff.. zo zijn er ook de #f00 en de #00F