Autour du Web
Cours

TP

A vous de jouer

Exercice

ConseilCopier le style suivant

L'objectif de cet exercice est de réussir à copier l'allure du site suivant à partir de votre précédente page XHTML.

Imitez-moi !
RemarquePour mieux voir...

Vous pouvez ouvrir cette page dans un nouvel onglet (via le clic droit...)

ComplémentSolution

Vous trouverez ici le CSS utilisé

body

{

background-image:url(../images/entete.png);

background-repeat:no-repeat;

background-position:top left;

margin-left:50px;

margin-right:50px;

}

h1

{

padding-top:150px;

color:red;

}

h1,h2,h3

{

text-align:center;

}

p

{

text-align:justify;

}

img

{

float:right;

}

blockquote

{

color:green;

}

blockquote p

{

text-align:right;

padding-right:50px;

}

em

{

color:blue;

}

q

{

font-style:oblique;

color:green;

}

acronym

{

color:orange;

}

table

{

float:left;

margin-right:10px;

margin-bottom:20px;

text-align:center;

border: 5px pink outset;

}

table td

{

width:100px;

}

table table

{

border: 5px pink dotted;

}

table table td

{

border: 5px pink solid;

}

ol

{

list-style-type:hiragana;

}

ol li

{

}

ul

{

list-style-type:square;

color:purple;

}

ul li

{

font-size:x-large;

}

.visite

{

font-variant:small-caps;

text-decoration:blink;

}

CSS : mise en forme (page suivante)Propriétés des CSS - Tour d'horizon (page Précédente)
AccueilImprimerRéalisé avec SCENARI