CSS: Cómo colocar bordes

 

En esta ocasión les traigo un nuevo tutorial de HTML, espero que les sirva y que lo usen. Me preguntaron cómo hacerlo en mi Ask y me pareció interesante para hacer un tutorial porque siempre quedan lindos los bordes. Cualquier duda que tengan después de leerlo, pueden dejarme un comentario :)

Lo que veremos es cómo hacer diferentes tipos de bordes a nuestras entradas, uno de ellos como muestro en la siguiente captura del blog (como podran ver, hay un borde a rayitas alrededor de la cápsula que contiene la entrada)

 

Antes que nada, tienes que saber que hay 8 tipos de bordes, que son los que se muestran a continuación:

1. Abres la pestaña "Plantilla" de tu blog y te vas a "Edición de HTML". Si te aparece un mensaje, pinchas en "Continuar".

2. Abres el buscador de tu explorador (CTRL+F) y buscas ".post {" o ".post-outer {".

3. Te fijas si no tienes ya la línea "border" si la tienes, borrala y si no, la agregas:

border: 1px dotted #44c6d5;

- Los "n px" son el ancho, a mayor valor, más ancho será el borde

- Donde pone "dotted" lo cambian por el nombre del tipo de borde que quieran (los nombres son los de la foto que les mostré arriba)

- Y después del numeral lo cambian por el código del color que quieran

Guardan los cambios y listo :) Este mismo procedimiento sirve para ponerle bordes a cualquier otra cosa como el sidebar o un título, etc.

¡Espero que les haya servido! No olviden comentar :)