|
Las hojas de estilo completan Html, dándole mayores posibilidades. Nosotros
te explicamos CSS en su tutorial específico, pero en este artículo
queríamos mostrarte algunas de las posibilidades que nos ofrecen las
hojas de estilo.
Observa el siguiente texto de Gustavo Adolfo Becquer:
Volverán las oscuras golondrinas
en tu balcón sus nidos a colgar,
y otra vez con el ala a sus cristales
jugando llamarán.
Volverán
las tupidas madreselvas
de tu jardín las tapias a escalar,
y otra vez a la tarde aún más hermosas
sus flores se abrirán.
Pero aquellas, cuajadas
de rocío
cuyas gotas mirábamos temblar
y caer como lágrimas del día...
¡esas... no volverán!
Le hemos aplicado unos cuantos estilos para que veas algunas de las cosas que
se pueden llegar hacer. Si quieres saber cómo lo hemos hecho, aquí
te dejamos el código para que lo observes.
<p style="font-size:20px;color:#FF0000;">Volverán
las oscuras golondrinas<br>
en tu balcón sus nidos a colgar,<br>
y otra vez con el ala a sus cristales<br>
jugando llamarán.</p>
<p> <span style="background-color:#00FF00;font-style:italic;color:#0000FF">Volverán
las tupidas madreselvas<br>
de tu jardín las tapias a escalar,<br>
y otra vez a la tarde aún más hermosas<br>
sus flores se abrirán.<br>
<br>
</span>
<span style="border-bottom:1px #000000 dashed;"> Pero
aquellas, cuajadas
de rocío<br>
cuyas gotas mirábamos temblar<br>
y caer como lágrimas del día...<br>
¡esas...
no volverán!</span></p> |
Artículo escrito por Alberto Gómez para HazUnaweb.com. Queda absolutamente prohibida su reproducción.
| 