Curso de HTML | border-image 1

Curso de HTML
border-image

Curso de HTML | border-image 2

Curso de HTML | border-image

29.  
30.  
32.  
34.  
47.  

Este estilo permite utilizar una imagen para maquetar el borde de una etiqueta de HTML.

div {
    border-width: 105px;
    border-style: solid;
    border-image: url(./border.png) 350 350 stretch;
}
Curso de HTML | border-image 3
Ver ejercicio resuelto

Ejercicio border-image

Utilizando esta imagen…

Curso de HTML | border-image 4

…lograr este resultado:

Curso de HTML | border-image 5
Ver ejercicio resuelto