Ecco il bordo
Il codice è:
HTML
<div style="width:100px; height:50px; border:1px solid blue;">
Ecco il bordo :)
</div>
Ovviamente il 100px, il 50px e il 1px possono essere cambiati a piacimento, modificando rispettivamente la lunghezza, l'altezza e lo spessore del bordo.
Modificando la scritta "blue" si modofica il colore del bordo. Si puoò scrivere sia in notazione html(cioè tipo #fff) oppure anche in inglese(come red, lightyellow, ecc.)
Invece, modificando "solid", si cambia lo stile del bordo. Vediamo i possibili attributi:
HTML
<div style="width:100px; height:50px; border:1px dotted blue;">
Ecco il bordo :)
</div>
Ecco il bordo
HTML
<div style="width:100px; height:50px; border:1px dashed blue;">
Ecco il bordo :)
</div>
Ecco il bordo
HTML
<div style="width:100px; height:50px; border:1px inset blue;">
Ecco il bordo :)
</div>
Ecco il bordo
HTML
<div style="width:100px; height:50px; border:3px double blue;">
Ecco il bordo :)
</div>
Ecco il bordo
Inoltre si possono combinare vari bordi(qui il codice è un po' diverso, ma si capisce ugualmente)
HTML
<div style="width:100px;height:50px;border-width:3px;border-color:blue;border-style:dotted dashed solid double;">
Ecco il bordo :)
</div>
Ecco il bordo
