Background

Curso de HTML

6.  
16.  
17.  
23.  
32.  
34.  
36.  
37.  
38.  
40.  
45.  
46.  
47.  
52.  
54.  
56.  
59.  

Contactar con el profesor

Ejercicio background centrado

body{
	background:url(back.jpg) green no-repeat center top
}
Background 1

Descarga la imagen superior para hacer el ejercicio

background-size

<style type="text/css">
	div{
	width:500px;
	height:500px;
	background:url(mundo.svg), url(tijeras.svg);
	background-size:100% 100%, auto auto;
}
</style>
<div></div>

background con rgba

<style type="text/css">
body{
	background:url(mundo.svg)
}
div{
	width:500px; height:500px; background-color:rgba(0, 0, 255, 0.7); 
}
</style>
<body>
	<div>texto del div</div>
</body>

Gradientes

<style type="text/css">
	html{
	height:100%;
	background: linear-gradient(to bottom, #000000 0%, #ffffff 100%);
}
</style>

http://www.colorzilla.com/gradient-editor/

← display: flex o flexbox
Motores de navegación →

Aviso Legal | Política de privacidad