cliccontact

Exercice 02 - CSS

CODE INSERTION dans le HEAD

<link href="/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">

CSS


body {
color: purple;
background-color: #d8da3d;
font-family: 'Lobster', serif;
font-size: 16px;
}

h1
{
font-size: 40px;
text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000;
font-family:Arial, Helvetica, sans-serif;
color: #090;
padding:30px;
font-weight:lighter;

text-align:left;
display:block;
margin:16px;
background-image:url(caroux.jpg);
background-repeat: no-repeat;
}
h2 {
font-size: 200%;
color: red;
padding-left: 15px;
}
h3 {
font-size: 150%;
color: yellow;
padding-left: 40px;
}
p,ul,li,td {
color: black;
}
a:link {
color: green;
text-decoration: underline;
}
a:visited {
color: gray;
}
a:hover {
color: red;
text-decoration: none;
}
a:active, a:focus {
color: red;
}

Texte HTML

 

 Résultat attendu

resultat css

http://www.megaptery.com/2012/05/21-outils-generateurs-css-developpeurs-web.html