Curso de HTML | border-image 1

Curso de HTML
border-image

Curso de HTML | border-image 2

Curso de HTML | border-image

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.  

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