marzo 08, 2013

Lo que siempre se me olvida de CSS
Compartir en FacebookComparte este enlace en Facebook

Para centrar un DIV

#principal {
width: 690px; /* tiene que tener un ancho definido como requisito */
margin:0 auto 0 auto; /* esto centra automáticamente */
}

Centrar Fotos del Cuerpo de Bloggger

#content-wrapper img {
display:block;
margin:0 auto 0 auto;
}

Separación entre celdas

#tabla1 {
border-spacing: 2px;
}

Allineación Vertical

vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom ;

También puedo alinear arriva un usando

top: 0;

Entradas de un formulario

Ejemplo
#contenido input[type="text"]
{
color: #333333;
background-color: #FFFFCC;
border: #000033 1px solid;
}

Transformar a Mayúsculas o Minúsculas

text-transform: uppercase;
text-transform: lowercase;

Estilo de las viñetas
Por ejemplo con letras minúscula (a, b, c,...)
list-style-type:lower-latin;

ejemplo:

  • Peras
  • Manzanas
  • Naranjas

Borde redondeado

border-radius: 15px;

ejemplo:

Borde redondeado

Para que un botón Submit de un formulario cambie de color al poner el puntero sobre él:

#formulario_nuevo input[type="submit"]:hover
{
background-color: #f2f2f2;
}

Hacer que un DIV se autocentre

margin-left: auto;
margin-right: auto;

No hay comentarios.: