Elemento style HTML
Los Tags HTML incluyen el atributo “style”. Usted puede aplicar estilos individuales
a cada elemento html que soporte el atributo “estilo”.
Vamos a hacer un ejemplo
simple:
<html>
<head>
<title>HTML Atributo Style</title>
</head>
<body>
<b>Texto en negrita</b><br
/>
<b style="background-color: Green; color:
White;">Texto en negrita con color de fondo verde</b>
</body>
</html>
Con el ejemplo de arriba, cualquiera que sea el color de fondo de la página HTML,
el elemento <b></b> ha sido asignado un estilo
que lo anula. Vamos a hacer otro ejemplo más complejo.
<html>
<head>
<title>HTML Atributo Style
Complejo</title>
</head>
<body
style="background-color: lemonchiffon">
<table border="1"
style="width: 120px; height: 60px">
<tr>
<td style="width: 40px">
Esta celda no tiene un estilo asignado.</td>
<td style="width: 40px; color: white;
background-color: red;">
El estilo de esta celda es diferente.</td>
<td
style="width: 40px; color: yellow;
font-style: italic; background-color: blue;">
El estilo de esta celda es diferente.
</td>
</tr>
</table>
</body>
</html>
Con el ejemplo de arriba asignamos un color de fondo al cuerpo (body) del documento.
No le asignamos a la tabla un color de fondo así que la tabla heredó el color de
fondo del cuerpo. A la primera celda de la tabla no se le asignó un color de fondo
así que heredó el color de fondo de la tabla. A la segunda y tercera celda se les
asignaron colores de fondo así que ellas no heredaron el color de fondo de la tabla.
|