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: Dimitar Stefanov en 12 de Enero 2016, 21:02
-
Mis códigos del ejercicio CU01030D del curso CSS desde cero.
Primer ejercicio:
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos39.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos39.css"
div div div div {
width: 250px;
height: 250px;
margin: 30px;
padding: 30px;
}
#a {
background-color: blue;
background-image: url(1.png);
}
#b {
background-color: yellow;
background-image: url(1.png);
}
#c {
background-color: red;
background-image: url(1.png);
}
#d {
background-color: pink;
background-image: url(1.png);
}
PD: Adjunto el archivo de imagen.
-
Segundo ejercicio:
A)
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos40.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos40.css"
html {
background-image: url(http://www.stefjotrans.com/images/S__6971408.jpg);
background-repeat: no-repeat;
}
B)
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Portal web">
<meta name="keywords" content="programar,cursos">
<link rel="stylesheet" type="text/css" href="estilos41.css">
<title>Ejemplo background-image</title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<div id="menu">
</div>
<div id="body">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Código CSS: "estilos41.css"
html {
background-image: url(1.jpg);
background-repeat: repeat;
}
PD: Adjunto el archivo de imagen.
-
Buenas dimiste
Para el ejercicio 1:
Al meter tanto div dentro de otro usas un selector como div div div div que es un poco excesivo para un ejercicio simple como este
El ejercicio te pedía poner distintas imágenes de fondo en cada caso, tú has usado siempre la misma imagen de fondo
Para el ejercicio 2:
El apartado a) lo veo bien
El apartado b) lo veo también bien
Salu2
-
Buenas Ogramar,
tienes razón. En el primer ejercicio teníamos que utilizar distintos imágenes, no sé porque he utilizado la misma, quizás por comodidad para no buscar más.
Gracias por corregirme otro ejericico más.
Saludos.