Estilos de borde

Los estilos de Borde

Deja tu comentario

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 borde.

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 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

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

Y bien eso fue un ejemplo de utilizar bordes en cajas, no olviden que pueden cambiar dashed por el estilo de borde que mas les guste

Haora toca el turno de bordes en imagenes

A la siguiente imagen le pondre el estilo de borde: outset como se muestra a continuacion:

Lo que hizimos para ponerle borde a la imagen ya mostrada pusimos en la etiqueta style un estilo de borde en mi caso puse el outset, tambien aplicamos un padding para separar un poco la imagen del borde justo asi: Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que se muestre la imagen con borde

Y por ultimo vamos a hacer lineas con borde

Para hacer lineas con borde utilizaremos el atributo "hr", y en la etiqueta style ponerle el borde, la siguiente linea tiene el estilo de borde: ridge como se muestra a continuacion:

Para hacer lineas con borde vamos a utilizar como ya lo habia mencionado en atributo "hr", y en la etiqueta style del mismo pondremos el ancho del borde, el estilo, y el color, justo asi: Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que se muestre la linea con borde

Con esto hemos acabado de entender un poco los estilos de borde y la forma de aplicarlos en lineas, cajas e imagenes.

Volver arriba ↑ CSS/HTML

Acerca del autor

Manolo M./Administrador
Les cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas

 

Algunas categorias

Interesante
Aqui hablaremos de articulos de interes y debate.

Interesante

Recursos
En esta categoria encontraras, recursos utiles para tener un buen desempeño web.

Recursos