Posted in Documentación - HTML
| Índice de Artículos |
|---|
| Código HTML |
| Página 2 |
| Página 3 |
| Todas las páginas |
Página 1 de 3
Cuadro con esquinas redondeadas
| Se ve igual en: |
   |
En este recorte de HTML vemos como se hace un cuadrado con las esquinas redondeadas. Es un sencillo toque de diseño que puede ayudarnos a que nuestras paginas sean más agradables visualmente.
Recorte
 |
 |
|
| Puedes poner aquí el contenido que quieras. |
||
 |
 |
Código HTML
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq1.gif" width="20" height="20"></td>
<td bgcolor="#DDE0FC"> </td>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq2.gif" width="20" height="20"></td>
</tr>
<tr>
<td bgcolor="#DDE0FC" width="20"> </td>
<td bgcolor="#DDE0FC">Puedes poner aquí el contenido<BR>que quieras.</td>
<td bgcolor="#DDE0FC" width="20"> </td>
</tr>
<tr>
<td bgcolor="#DDE0FC" width="20"><img src="/graficos/esq4.gif" width="20" height="20"></td>
<td bgcolor="#DDE0FC"> </td>
<td bgcolor="#E5E7FD" width="20"><img src="/graficos/esq3.gif" width="20" height="20"></td>
</tr>
</table>
Cuadro con título y borde
| Se ve igual en: |
| |
En este recorte hemos hecho una caja con un título y un borde alrededor de la caja, puede cambiar los valores cellpadding="1" para variar el grosor del borde la caja.
Recorte
| Titular del cuadro | |
|
Código HTML
<table width="220" border="0" cellspacing="0" cellpadding="1">
<tr bgcolor="#990033" align="center">
<td><b><font color="#FFFFFF">Titular del cuadro</font></b></td>
</tr>
<tr bgcolor="#990033">
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr bgcolor="#FFFFFF">
<td>Ponga aqui el contenido del cuadro</td>
</tr>
</table>
</td>
</tr>
</table>
<tr bgcolor="#990033" align="center">
<td><b><font color="#FFFFFF">Titular del cuadro</font></b></td>
</tr>
<tr bgcolor="#990033">
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr bgcolor="#FFFFFF">
<td>Ponga aqui el contenido del cuadro</td>
</tr>
</table>
</td>
</tr>
</table>
| < Anterior |
|---|
