logo
  Border - basis
  Borders maak je om de bezoeker de aandacht op te laten vallen en een border maken is vrij eenvoudig. Je kan borders maken op de volgende manieren:


Met tables. Als je een table maakt, dan is het vrij eenvoudig, alleen heeft deze niet echt de schoonheidsprijs.

<table width="300" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>tekst</td>
</tr>
</table>

Met CSS maak je het natuurlijk veel mooier

 
IN DE CSS
table {border: 1px solid #000000;}

 
TUSSEN DE BODY TAGS
<table width="300"cellspacing="0" cellpadding="0">
<tr>
<td>tekst</td>
</tr>
</table>

  Maar je kan ook elke kant een kleurtje geven, zo dus:
table {
border-right: 1px solid #000000;
border-bottom:1px solid #000000;
border-left: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;}

Zonder tables.

Borders kan je ook maken zonder een table te gebruiken. Hierboven zag je maar een heel klein voorbeeld en we gaan hier nu verder op in, alleen doen we het nu zonder tables.

Zonder een table

<p style="border-width:1px;border-style:solid;border-color:blue; width:100px;">

Alleen tekst

Ook hier kan je er dingen bij zetten zoals hierboven:

<p style="border-width:1px;border-style:solid;border-color:blue; width:250px; padding:15px;">Alleen tekst</p>

Natuurlijk kan je dit ook maken in CSS.

 
eind