Ejemplos de bordes y propiedades en CSS

Ejemplos de bordes y propiedades en CSS

Como hacer bordes en CSS

En este pequeño tutorial explicaremos de como hacer bordes CSS

Propiedades de borde CSS

Los CSS borderpropiedades le permiten especificar el estilo, el ancho y el color del borde de un elemento.


Estilo de borde

La border-stylepropiedad especifica qué tipo de borde se va ver.

Como entender los tipos deborde en CSS

  • dotted – Define un borde de puntos
  • dashed – Define un borde punteado
  • solid – Define una frontera sólida
  • double – Define un borde doble
  • groove– Define un borde acanalado 3D. El efecto depende del valor de border-color
  • ridge– Define un borde estriado 3D. El efecto depende del valor de border-color
  • inset– Define una frontera inserción 3D. El efecto depende del valor de border-color
  • outset– Define una frontera principio 3D. El efecto depende del valor de border-color
  • none – Define ninguna frontera
  • hidden – Define una frontera oculto

La border-stylepropiedad puede tener de uno a cuatro valores (por el borde superior, borde derecho, borde inferior y el borde izquierdo).

Ejemplo

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

Sin duda, estos serían los resultados

""

¿Quieres hacer la practica tú mismo?

Abimael Gutierrez P.

Abimael Gutierrez P.
Fundador de apdesc

Estilo Home de facebook usando HTML y CSS

Como crear un diseño web similar al home o incio de facebook usando HTML y CSS. En mi caso, hice lo siguiente. Crear un archivo HTML con el … Continuar leyendo

Como crear un Carousel Slider con Boostrap

Publicado el 6 de Junio del 2017

Estilo Home de facebook usando HTML y CSS

Publicado el 6 de Abril del 2017