CSS - Mettre de la couleur à margin, padding. et cadre
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Voici déjà un screen d'où je suis :
http://hpics.li/cf8c6c0
Et voilà ce que je veux (fait avec paint)
http://hpics.li/d9782f5
Donc j'arrive à faire des marges mais j'arrive pas à faire celles que je veux et ni mettre la couleur aux DEUX marges :/ plus la bordure que je sais pas faire....
Merci beaucoup de m'aider :)
Voici déjà un screen d'où je suis :
http://hpics.li/cf8c6c0
Et voilà ce que je veux (fait avec paint)
http://hpics.li/d9782f5
Donc j'arrive à faire des marges mais j'arrive pas à faire celles que je veux et ni mettre la couleur aux DEUX marges :/ plus la bordure que je sais pas faire....
Merci beaucoup de m'aider :)
A voir également:
- Margin css
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Enlever le soulignage des lien. - Forum CSS
1 réponse
Salut,
Un exemple :
#conteneur1 : bloc noir avec un padding (marge intérieure) de 2px pour laisser un espace entre la bordure bleu et le fond noir.
#conteneur2 : prend la couleur de fond de #conteneur1 avec une bordure bleu.
#contenu : bloc blanc pour le contenu.
Un exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Teste</title>
<style type="text/css">
body{
background:#DDD;
}
#conteneur1{
background:black;
padding:2px;
width:1000px;
height:auto;
margin:30px auto;
}
#conteneur2{
width:990px;
height:auto;
margin:2px;
border:3px solid #3B9AE8;
}
ul{
margin:0 0 0 80px;
padding:5px;
}
li{
display:inline;
color:white;
margin:5px;
}
#contenu{
background:white;
width:80%;
height:auto;
margin:50px auto;
padding:5px;
}
</style>
</head>
<body>
<div id="conteneur1">
<div id="conteneur2">
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<div id="contenu">Mon texte</div>
<!--conteneur2-->
</div>
<!--conteneur1-->
</div>
</body>
</html>
#conteneur1 : bloc noir avec un padding (marge intérieure) de 2px pour laisser un espace entre la bordure bleu et le fond noir.
#conteneur2 : prend la couleur de fond de #conteneur1 avec une bordure bleu.
#contenu : bloc blanc pour le contenu.
Mais mes goûts sont pas super :c
Tu ne connaitrais pas un CSS assez beau xD ?
Bref, merci et pas grave ;)