Autor Tema: HTML y CSS degradados colores efecto lineal y radial linear-gradient CU01060D (Leído 2471 veces)

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

Código: [Seleccionar]


<!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>

bermartinv · « **Respuesta #1 en:** 06 de Abril 2016, 09:54 »

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:

Citar

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!!!

Pandemia · « **Respuesta #2 en:** 06 de Abril 2016, 13:52 »

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

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: