Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Pandemia en 05 de Abril 2016, 21:36
-
Buenas noches amigos aquí os dejo el ejercicio para ver que os parece, como siempre gracias por la ayuda que me prestáis, que sin duda me hace falta.
saludos.
Ahí va el código...
<!DOCTYPE>
<html lanl="es">
<head>
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="Degradados css efecto lineal y radial linear-gradient">
<meta charset="utf-8">
<style>
div{
margin: 50px auto;
width: 400px;
height: 200px;
border: 2px solid black;
background: linear-gradient(24deg,red,white,blue);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
-
Está bien Pandemia,
lo único un comentario que te quería hacer. No es lo mismo
1. margin: 50px auto;
2. margin: 50px;
Te lo digo por lo que dice el enunciado:
Crea un documento HTML donde tengas un contenedor div centrado, con márgenes de 50 píxeles en todas direcciones y dimensiones ancho 400 píxeles y alto 200 píxeles.
Pero la finalidad del ejercicio que era el efecto lineal es correcto.
Saludos!!!
-
Buenas bermartinv,
lo puse así: margin: 50px auto; porque así si que centraba el div, probé con margin: 50px y me lo ponía más a la izquierda, por eso me decidí por la primera solución margin: 50px auto, porque el enunciado pedía el div centrado, de todas maneras como tu dices el efecto lineal es correcto, gracias por tu tiempo.
Saludos