Réaliser l’exercice suivant :
où, dans le premier mot, les tailles des caractères sont 4em, 5em, 6em et 7em tandis que dans le second mot, les couleurs sont à prendre dans #ff0000, #123456, #0000ff, #37f8d3, #ff00ff, #000000 et #324890.
HTML :
<html>
<head>
<title>concave et convexe </title>
<link rel="stylesheet" type="text/css" href="../css/exercice2.css" />
</head>
<body>
<p>
<span id="span1">C</span>
<span id="span2">o</span>
<span id="span3">n</span>
<span id="span4">c</span>
<span id="span5">a</span>
<span id="span6">v</span>
<span id="span7">e</span>
<br />
<br />
<span id="span8">C</span>
<span id="span9">o</span>
<span id="span10">u</span>
<span id="span11">l</span>
<span id="span12">e</span>
<span id="span13">u</span>
<span id="span14">r</span>
</p>
</body>
</html>
CSS :
#span1{font-size : 7em}
#span2{font-size : 6em}
#span3{font-size : 5em}
#span4{font-size : 4em}
#span5{font-size : 5em}
#span6{font-size : 6em}
#span7{font-size : 7em}
#span8{font-size : 7em ; color:#ff0000;}
#span9{font-size : 7em ; color:#0000ff;}
#span10{font-size : 7em ; color:#37f8d3;}
#span11{font-size : 7em ; color:#ff00ff;}
#span12{font-size : 7em ; color:#000000;}
#span13{font-size : 7em ; color:#123456;}
#span14{font-size : 7em ; color:#324890;}
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.