Bordes, Sombras y fondos

Generador de Bordes
border-style:solid; (dashed-líneas, double, dotted-punteado, inset (outset)-marco entrada y salida, para un botón) //Con este aparece el borde
border-width:5px; En el grosor para el double es la distancia entre una línea y otra
border-color:red; //Color
border: 1px solid red;(anchura estilo color) //No es necesario el order de los parámetros el navegador lo interpreta
border-top-style: dashed (este parámetro lo puedo hacer, es border-ubicación-propiedad)
border-radius:10px //curva todas las esquinas. Cada esquina es el origen y de ahí empieza a curvear, si es mayor que el tamaño del DIV se curvea
border-top-right-radius: 10px, Empieza la curva a los 10 px hacia X y Y fde la esquina superior derecha siendo el origen
border-top-right-radius:50px 30px curva en el eje X y curva en el eje Y. A los 50 px empieza a curvear en X y a los 30px en Y.

background: url("imagen.jpg"); Esto se le puede asignar al DIV y se repite la imágen para llenar
background-repeat:no-repeat; No se repite
background-repeat: repeat-x; Se repite solo hacía el eje X
background-position: border-box (Se posiciona desde el borde);
Se pueden poner varias imágenes, la primera que se pone va adelelante, en caso de que quiera poner mi firma
background:url("firma.gif"),
url("foto.jpg");
Y se le pueden dar propiedades a ambas
background-position: right bottom,
center center;
bottom left 10px
Hay que indicar el moz de modzilla o el webkit de chronme, en este caso el navegador ya que no todos los navegadores lo soportan, ver Can I Use. Se pone deg para los grados de inclinación, si no lo coloco es recto, left es de donde empieza
background: -moz-linear-gradient(
left 20deg,
blue 0%,
red 30%,
green 80%,
yellow 100%
)
Si lo quiero circular
background: -webkit-radial-gradient(
center,
blue 0%,
red 30%,
green 80%,
yellow 100%
)