Cursos de páginas web

Curso de HTML | border-image

Curso de HTML

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

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

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 1

Ejercicio border-image

Utilizando esta imagen…

Curso de HTML | border-image 2

…lograr este resultado:

Curso de HTML | border-image 3

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.