 Estás en: HTML» Trucos » Celdas con efecto rollover
Trucos y preguntas frecuentes sobre diseño en HTML
¿Cómo se puede conseguir que el color de la celda cambie al pasar el ratón por encima?
Se puede crear un efecto rollover en una celda utilizando un código muy sencillo. Cópialo y pégalo en tu tabla cambiando tan sólo los colores por los que sean de tu gusto.
<td bgcolor="#0D5C94"onmouseover='this.style.background="#FF9900"' onmouseout='this.style.background="#0D5C94"'>texto cualquiera </td>
Ejemplo:
El código del ejemplo sería:
<table>
<tr>
<td bgcolor="#0D5C94" onmouseover='this.style.background="#FF9900"' onmouseout='this.style.background="#0D5C94"'>menú</td>
<td bgcolor="#0D5C94" onmouseover='this.style.background="#FF9900"' onmouseout='this.style.background="#0D5C94"'>Tutorial HTML </td>
<td bgcolor="#0D5C94" onmouseover='this.style.background="#FF9900"' onmouseout='this.style.background="#0D5C94"'>Trucos HTML </td>
</tr>
</table>
Puedes convertir las celdas en enlaces enmarcando la palabra o palabras de la celda con la etiqueta correspondiente para enlaces. Ver tutorial enlaces.
|
