<Código-Web>
Elementos HTML
y Reglas CSS

  1. TEXTOS
  2. ENLACES
  3. LISTAS
  4. IMÁGENES
  5. TABLAS
  6. FORMULARIOS
  7. MAQUETACIÓN

TEXTOS > Estilos

 

Otra manera de resaltar, adornar o enfatizar texto es utilizar reglas CSS, especialmente empleando las nuevas especificaciones de CSS 3, que se interpretan correctamente en todos los navegadores salvo en IE que, como ya estamos acostrumbrados, no es capaz de manejar la mayoría de ellas.

Hemos visto como resaltar palabras o frases con reglas CSS como utilizar colores, rotular o subrayar con linea discontinua.

Texto con sombras

Otra forma de "enfatizar" texto es ponerle un sombreado, como se puede apreciar en el menú izquierdo de esta misma página, en la que utilizo la siguiente regla CSS:

.sombra-txt1 {text-shadow: 1px 1px 4px #666666;}
Ejemplo de texto con sombra

Cajas de texto con colores y/o viñetas de todo tipo

Además, podemos adornar párrafos enteros con cajas y/o imágenes, por ejemplo:

Con esta regla CSS

.alert {
border-top: 1px solid #96574B;
border-bottom: 1px solid #96574B;
background: #E5CBC9 url(ico_alert.png) 7px 5px no-repeat;
margin: 5px 25px;
padding: 5px 0 5px 50px;
}

Y colocando en el archivo HTML esto:

*

Podemos verlo en el navegador así:

Suspendisse orci sem, dapibus bibendum elementum non, vulputate eu turpis. Duis erat nulla, molestie et elementum non, vestibulum ac est. Suspendisse ut fringilla metus. Fusce sollicitudin cursus nisl.



- (cc) 2012, 3con14 -