geplaatst door: MFrein
Voor een website wil ik tekst in layers over een foto zetten, omdat de foto erg varieert qua kleur e.d. wil ik graag (voor de leesbaarheid) een kleurvlak of balkje (lichtblauw bv met daarop witte letters) achter de teksten zetten. Kan dat met CSS, weet iemand daar een tekstregel voor die ik in de stylesheet kan kopieren?

Of, is het ook mogelijk om met CSS een outline aan de teksten te geven (bv een blauw randje om de witte letters)?

bij voorbaat dank,

MFrein

CSS hoe een kleurvlakje achter letters / of een randje?
11 maart 2008 - 12:34    reactie #1
geplaatst door: Kapotlood
Kleurtje achter een stukje tekst kan op bijvoorbeeld deze manieren.

Als het om een stukje tekst gaat wat in een paragraaf staat:

Lorem ipsum dolor sit amet, <span class=""achtergrondkleurtje>consectetur adipisicing</span> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Als het om een losstaand tekstje is, wat je boven een foto zet:

<p class="achtergrondkleurtje">Lorem ipsum</p>

De CSS die je dan nodig hebt:

.achtergrondkleurtje {
background: #e2e2e2;
}

Ik hoop dat dit duidelijk is; veel makkelijker kon ik 't niet verzinnen :)

CSS hoe een kleurvlakje achter letters / of een randje?
11 maart 2008 - 13:08    reactie #2
geplaatst door: Fix
en voor een randje geef je ´.achtergrondkleurtje´ ook nog even een "border: solid 1px #000;"