foto html - css     . Border - Kader

Omschrijving   Voorbeeld

Hier valt de koptekst goed op. Wat deze zo anders maakt is dat de koptekst niet in het kadertje staat maar op de lijn.

De tweede kader is gemaakt met CSS. (doet het niet in Internet Explorer!)

 
Kader

Een hele aparte en zeker mooie ook is deze. Hij is heel simpel te maken. Het aparte van deze kader is, is dat de koptekst op de rand zit

Natuurlijk kan je met css er iets heel moois van maken.

 

Kader

Een hele aparte en zeker mooie ook is deze. Hij is heel simpel te maken. Het aparte van deze kader is, is dat de koptekst op de rand zit

In de css

.border { border: 1px solid #000000;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
padding:10px;
-moz-box-shadow: 4px 4px 4px #8B8B8B;
-webkit-box-shadow: 4px 4px 4px #8B8B8B;
box-shadow: 4px 4px 4px #8B8B8B;}
.mooi { background: none repeat scroll 0 0; padding: 0px 10px; margin-left: 50px;}

Tussen de bodytags

<fieldset class="border">
<legend class="mooi">Koptekst</legend>
Tekst
</fieldset>

end
terug
home