Cursos de páginas web

border-radius, box-shadow

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

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.  
60.  
61.  
62.   
<style type="text/css">
	div{
		background:red;
		width:500px;
		height:500px;
		border-radius:0px 50px 100px 150px;
		-moz-border-radius: 0px 50px 100px 150px;
		-webkit-border-radius: 0px 50px 100px 150px;

		box-shadow: 10px 50px 100px green, inset 10px 50px 100px blue;
		-moz-box-shadow: 10px 50px 100px green, inset 10px 50px 100px blue;
		-webkit-box-shadow: 10px 50px 100px green, inset 10px 50px 100px blue;	
	}
</style>
<div></div>
border-radius, box-shadow
Notas:

border-radius:100% hace una capa ciruclar

Enlaces de interés:

← text-shadow
Cargar fuentes (letras) con CSS →