danc cette suite j'attribue un width au 3eme paragraph . ensuite je lui attribue une couleur de fond #eee qui est une variante du gris (#aaa = gris jusque a #fff= blanc).
<html>
<head>
<title>Text stylyng with css</title>
<style type="text/css">
body{
padding:100px;
font-family:helvetica;
}
h1{
color:purple;
}
span{
margin-left:100px;
}
a:link{
text-decoration:none;
color:orange;
}
a:hover{
text-decoration:underline;
color:red;
}
div{
width:200px;height:200px;
float:left;
border:1px solid #ccc;
margin:2px;
padding:2px;
}
div:hover{
background-color:#fafafa;
}
input[type=submit]{
background-color:orange;
color:white;
}
</style>
</head>
<body>
<h1 >Philemon.com <span><a href="#1">About</a> | <a href="#2">contact</a> | <a href="#3">Blog</a></span></h1>
<br>
<p style="color:indigo;font-family:verdana;">Bienvenu sur mon site web cher visiteur<br>
sur ce site vous trouverez toutes les informations possible a mon propos<br>
ainsi que vous aurez la possibilite de me glisser un mot sur la rubrique contact<br>
en plus de cela je vous donne l'opportunites de discuter aisement <br>
avec d'autre membre de mon blog. Portez vous bien :)</p>
<p style="font-size:18px;font-weight:bold;">Bienvenu sur mon site web cher visiteur</p>
<p style="color:magenta;font-family:helvetica;background-color:#eee;width:650px">Bienvenu sur mon site web cher visiteur<br>
sur ce site vous trouverez toutes les informations possible a mon propos<br>
ainsi que vous aurez la possibilite de me glisser un mot sur la rubrique contact<br>
en plus de cela je vous donne l'opportunites de discuter aisement <br>
avec d'autre membre de mon blog. Portez vous bien :)</p>
<div>
un contenu
</div>
<div>
une image
</div>
<div>
Login
<form>
Username:<input type="text" name="username" >
Password:<input type="text" name="password" >
<input type="submit" name="submit" value="login" >
</form>
</div>
</body>
</html>
No comments:
Post a Comment