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: freddychpo en 11 de Septiembre 2015, 03:32
-
html:
<html>
<head>
<title> Ejercicio 30 - CSS </title>
<link rel="stylesheet" style="text/css" href="estiloejer30.css">
<body>
<div id="div1">
BOX 1
</div>
<div id="div2">
BOX 2
</div>
<div id="div3">
BOX 3
</div>
<div id="div4">
BOX 4
</div>
</body>
</head>
</html>
CSS
div{
width:250px;
height:250px;
margin: 30px;
padding: 30px;
}
#div1{background-image:url("hotcreations.jpg");
background-color:blue;}
#div2{background-image:url("crosstownrebels.jpg");
background-color:green;}
#div3{background-image:url("philweeks_logo.jpg")
background-color:yellow;}
#div4{background-image:url("phil-weeks-jack-to-my-groove-ep.jpg")
background-color:gray;}
-
Hola Freddy recomendamos pegar el código como se explica en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0
También recomendamos que para postear la respuesta a un ejercicio se abra un nuevo tema del foro (y no hacerlo en un tema ya abierto). El título del nuevo tema debe llevar el código del ejercicio por ejemplo CU01029D.
Para seguir estas recomendaciones procederé a crear un nuevo tema con tu código y seguir la conversación en el nuevo tema.
Salu2
-
Hola freddychpo!
El ejercicio bien!
A tener en cuenta: Faltan algunos puntos y coma como ejemplo en
background-image:url("philweeks_logo.jpg")
Terminándolo con un ; sería background-image:url("philweeks_logo.jpg");
Si no pones el ; cuando no se carga la imagen no se verá el color de fondo
Saludos!