¿Por qué usar CSS?
El lenguaje CSS se utiliza para definir los estilos de tus páginas web, incluyendo el diseño, la disposición y las variaciones en la imagen para los diferentes dispositivos y tamaños de pantalla .

Tres formas de insertar CSS

Hay tres maneras de insertar una hoja de estilo:

Nota las otras partes importantes de la sintaxis:

TT: Representa como texto de teletipo o ancho fijo.

I: Representa como estilo de texto itálica.

B: Representa como estilo de texto negrita.

BIG: Representa el texto con una fuente "grande".

SMALL: Representa el texto con una fuente "pequeña".

STRIKE y S: Desaprobados. Representan texto de estilo tachado.

U: Desaprobado. Representa texto subrayado.

Podemos ver todos estos estilos de borde en una página aparte.

Ahora vamos a comentar estos distintos estilos y poner ejemplos de cada uno.

Borde solid:
Este borde es de una línea sólida.

.bordesolido{
   border:-color: #aaaaaa;
   border-width: 1px;
   border-style: solid;
}

Borde dotted (punteado):
Este borde está compuesto a base de una línea de puntos.

.bordepunteado{
   border: 1px dotted #ff8833;
}

Borde double (Doble):
El borde double está compuesto por una doble línea sólida. Hay que saber que para que este borde se vea como una doble línea, tenemos que especificar un ancho de al menos 3 pixel. Así se vería un borde con dos líneas de un píxel más un espacio de separáción del borde de otro pixel. A medida que especificamos una anchura mayor del borde doble, las líneas van aumentando de grosor, así como el espacio que las separa.

.bordedoble{
   border: 9px double #990000;
}

Borde dashed (línea discontinuada):
El borde dashed es muy similar al borde punteado, pero en lugar de puntos, lo que tenemos es una línea partida.

.bordedashed{
   border: 1px dashed #660000;
}

Borde groove (ranura):
Es un borde especial, con una especie de relieve difícil de describir, creado con la combinación de colores claros y oscuros de borde.

.bordegroove{
   border: 5px groove #66cc66;
}

Borde ridge (cresta):
Este borde también es un poco raro. Parecido al groove, pero con los colores oscuros y claros invertidos.

div.borderidge{
   border: 10px ridge #6666cc;
}

Borde inset (relieve hacia dentro):
Crea un borde con una imitación de biselado, como si estuviera hundido. El efecto de este borde se ve mejor si el elemento que está bordeando tiene un color de fondo parecido al color de borde.

div.bordeinset{
   border: 10px inset #3333ff;
   background-color: #0000ff;
}

Borde outset (con relieve hacia fuera):
Este último estilo de borde imita un biselado, como si fuera un botón que está levantado. Es igual que el estilo de borde inset, pero con los colores claros y oscuros invertidos. Veremos también este efecto mejor si el elemento tiene un color de fondo.

div.bordeoutset{
   border: 10px outset #cccccc;
   background-color: #cccccc;
}

De nuevo, pongo el enlace al ejemplo donde aparecen todos estos estilos de borde.

Desaprobado. Este atributo especifica la alineación horizontal de su elemento con respecto al contexto circundante. Valores posibles:

El valor por defecto depende de la dirección base del texto. Para un texto de izquierda a derecha el valor por defecto es align=left, mientras que para un texto de derecha a izquierda el valor por defecto es align=right.