Código de CSS para la sombra en Texto:
{
color: #000;
text-shadow: #555 2px 2px 3px;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Sus
Código de CSS para Texto en 3 columnas:
{
font-family: Tahoma;
font-size: 11px;
column-count: 3;
column-gap: 30px;
column-width: 50px;
column-height: 250px; -moz-column-count: 3;
-moz-column-gap: 30px;
-moz-column-width: 50px;
-moz-column-height: 250px;
-webkit-column-count: 3;
-webkit-column-gap: 30px;
-webkit-column-width: 50px;
-
webkit-column-height: 250px;
width:500px;
margin-left:auto;
margin-right:auto;
}
Código de CSS para la sombra en Texto:
{
width: 300px;
height: 30px;
display:block;
background-color: #cc3366
-webkit-box-shadow: 3px 3px 10px #121212;
-moz-box-shadow: 3px 3px 10px #121212;
box-shadow: 3px 3px 10px #121212;
margin: auto;
}
Código de CSS para la caja con borde redondeado:
{
width: 300px;
height: 30px;
display:block;
background-color: #b40001;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: auto;
}
Código de CSS para la caja con borde redondeado arriba:
{
width: 300px;
height: 30px; display:block;
background-color: #090;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: auto;
}
Código de CSS para Efecto de Bajo Relieve / Hundido
{
background-color: #555;
font: Verdana, Geneva, sans-serif;
padding:4px;
color: #333;
/* Tener en cuenta que el parámetro color SE APLICA A LAS FUENTES */
text-shadow: 1px 1px 1px #757575;
margin: auto;
}