Código fuente del color de fondo

Resuelto
Mehdi-Amg Mensajes publicados 95 Fecha de registro   Estado Membre Última intervención   -  
 Techno01 -
Hola,
Estoy buscando el código fuente para poder poner un color de fondo en el texto, pero no en toda la página, solo en la parte superior, como si estuviera haciendo una franja con el título del sitio. Espero que lo haya entendido.
¡Gracias de antemano!

Configuración: Mac OS X / Safari 534.51.22

1 réponse

Techno01
 
no del todo

intenta con esto
<html>
<head>
<meta charset="utf-8">
<title>Página</title>
<style type="text/css">
.banner
{
width:100%;
height:160px;
background-color:verde;//o tu color favorito
}
</style>
</head>

<body>
<div class="banner">
</div>
</body>
</html>
11
Mehdi-Amg Mensajes publicados 95 Fecha de registro   Estado Membre Última intervención   11
 
Sinceramente, no podría haber esperado mejor. Muchas gracias.
3
Techno01
 
de nada, pero ¿cómo hiciste para mostrar [resuelto] en este foro? Soy nuevo en este foro.
0
Mehdi-Amg Mensajes publicados 95 Fecha de registro   Estado Membre Última intervención   11
 
Justo arriba debajo del título de la publicación. Y una última pregunta... ¿Cómo debo hacer para poner texto en esta zona coloreada?
1
Techno01
 
Entonces debes plantear esta pregunta bajo otro título para que los demás también lo sepan, de acuerdo.
2
Techno01
 
eres un poco pegajoso lol
digo esto solo para que los demás se beneficien ..
deben saber que esto se llama programación css casi todos los sitios contienen código css

<html>
<head>
<meta charset="utf-8">
<title>Página</title>
<style type="text/css">
.banner
{
width:100%;
height:160px;
background-color:green;
text-align:left;// puedes poner right o center en lugar de left para posicionar el texto
}
.text
{
color : #f00;
/*puedes invocar los colores de 3 maneras
1 : El nombre del color como purple
2 : La notación hexadecimal #FF0000 o #f00
3 : O por rgb|rojo verde azul| por ejemplo rgb(255,0,0)
}
</style>
</head>

<body>
<div class="banner">
<p class="text">Tu texto</>
</div>
</body>
</html>
2