CSS - Mettre de la couleur à margin, padding. et cadre
Résolu/Fermé
A voir également:
- Margin css
- Css premier plan ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css retour à la ligne ✓ - Forum CSS
- Saut de lignes sans <br/> ✓ - Forum Webmastering
1 réponse
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
16 janv. 2013 à 08:18
16 janv. 2013 à 08:18
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.
16 janv. 2013 à 14:34
Mais mes goûts sont pas super :c
Tu ne connaitrais pas un CSS assez beau xD ?
Bref, merci et pas grave ;)