Background

Contactar con el profesor

Ejercicio background centrado

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

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: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
}
</style>

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

← border-image
Fuentes →

Aviso Legal | Política de privacidad