Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: wilfridocardena en 14 de Abril 2015, 05:35
-
Hola a todos
<html>
<head>
<title>CSS – aprenderaprogramar.com</title>
<style type="text/css">
.color_verde {
color: green;
}
.color_amarillo {
color: yellow;
}
</style>
</head>
<body>
<p >Este texto va de color verde.</p>
<p >Este texto va de color amarillo.</p>
</body>
</html>
Tengo un problema con este codigo porque lo copio y lo pego tal y como esta pero al abrirlo en los exploradores tanto google chrome como internet explorer no me reconoce con los colores , se queda en negro nadamas aparece el texto en negro espero que alguien me pueda ayudar con esta duda porfavor ya que me gustaria saber si es que tengo que configurar algo en mi maquina o si es que tengo que cambiar algo en el codigo muchisimas gracias de antemano hasta la proxima duda
-
Hola Wilfrido, para que se apliquen los estilos tienes que definir el atributo class de los elementos HTML.
Es recomendable realizar este curso de HTML: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192
Y luego el de CSS: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203
El código quedaría así:
<html>
<head>
<title>CSS - aprenderaprogramar.com</title>
<style type="text/css">
.color_verde {
color: green;
}
.color_amarillo {
color: yellow;
}
</style>
</head>
<body>
<p class="color_verde">Este texto va de color verde.</p>
<p class="color_amarillo">Este texto va de color amarillo.</p>
</body>
</html>
Saludos!