estilos de Borde

Estilos de Borde

Hablaremos del atributo border, los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante, tambien sirve para dar lugar a ciertos espacios dentro de el o simplemente marcar limites a alguna cosa....

Existen varios tipos de bordes:

dotted

dashed

solid

double

groove

ridge

inset

outset

Hay diferentes formas de aplicar un borde, se puede aplicar en cajas, imagenes y lineas.
Asi que vamos a empezar usando cajas.

La siguiente caja va a tener un ancho, y un estilo de borde que acabamos de ver, podemos escojer el que querramos, asi que yo are mi caja utilizando el estilo de borde: dashed

Para esta caja utilize el estilo de borde dashed

Para hacer esa caja vamos a utilizar el borde que mas nos agrade, pondremos un ancho a la caja y un padding para que el contenido este un poco separado del borde justo asi: Recuerden que esto es un codigo css y lo deven pegar en CSS-CODE

.caja1{
border: 2px dashed #ccc; /* Ancho y estilo de borde, podemos cambiar dashed por el estilo que querramos */
padding: 7px; /* Separamos un poco el contenido del borde*/
width: 605px; /* Esto es el ancho de la caja */
}

Ya pegado el css de nuestra caja vamos a mostrarla con un div class justo asi: Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que se vea la caja

<div class="caja1">Aqui pon el contenido que quieras</div>

Hoy habia 51 visitantes (71 clics a subpáginas) ¡Aqui en esta página!

Tinkermaster

tinkermaster

estilos de Borde

Estilos de Borde