testo e immagine |
- Codice:
<table style="border: 1px solid #cac49f;background-color:#E8E5d1; width: 280px; cellpadding=1 cellspacing=1">
<tbody>
<tr>
<td style="text-align: center; font-family:Book Antiqua; font-size:12px; color:#979168; border:4px solid #dbd5ad;background-color:#f9f5dd;width="120">
testo e immagine
</tr>
</tbody>
</table>
testo e immagine |
- Codice:
<table style="border: 4px solid #cac49f;background-color:#E8E5d1; width: 280px; cellpadding=1 cellspacing=1">
<tbody>
<tr>
<td style="text-align: center; font-family:Book Antiqua; font-size:12px; color:#979168; border:1px solid #dbd5ad;background-color:#f9f5dd;width="120">
testo e immagine
</tr>
</tbody>
</table>
<table style="border: 4px solid #cac49f;background-color:#E8E5d1; width: 280px; cellpadding=1 cellspacing=1">
<tbody>
<tr>
<td style="text-align: center; font-family:Book Antiqua; font-size:12px; color:#979168; border:1px solid #dbd5ad;background-color:#f9f5dd;width="120">
testo e immagine
</tr>
</tbody>
</table>
Quello che cambia è il bordo che scegliete di inspessire ( interno o esterno)
La voce è questa: border:1px solid .
Il bordo interno è quello che compare per secondo.
Un altra cosa. Dato che si tratta in realtà di due tabelle una dentro l'altra, tra le due c'è spazio. Ecco perchè vedete due voci background-color. Io le ho fatte di colori diversi ma potete farle dello stesso colore. La prima si riferisce allo spazio tra i due bordi.