Poner los bordes de un div redondeados con CSS

25 09 2008

Para poner los bordes de un div (capa) redondeados utilizando CSS-3 en el navegador Mozilla se debe dar valor a la variable -moz-border-radius cuya sintaxis es:

-moz-border-radius: <border-radius>{1,4} | inherit

Nota: Para <border-radius> se puede usar tanto un valor en pixeles como un porcentaje y, además, pueden ir 1 ó 4 valores según sea top-left, top-right, bottom-right ó bottom-left.

Un ejemplo de uso:

#encabezadoDivleft{
width: 330px;
height: 280px;
border:1px solid #003366;
-moz-border-radius:10px;/*Establecemos el radio del borde*/
margin-left:10px;
float:left;
margin-bottom:0px;
margin-top:20px;
}

Más información aquí





Poner una capa en el centro de la pantalla con CSS

25 09 2008

El código CSS necesario para poner una capa en el centro de la web es el que sigue:

#capilla{
position: absolute;
width: 400px;
height: 200px;
margin: -100px 0px 0px -200px;
top: 50%;
left: 50%;
}

Nota: Los valores del margin son la mitad del ancho y del alto.