Border : exemple 1

posted in: css | 0

Premier exemple de bordure. Second exemple de bordure. Troisième exemple de bordure. Note: Le « border-width » ne fonctionne pas s’il est utilisé seul. Il faut ajouter le « border-style » en premier. Le code expliqué <style> h4 { border-style: solid; border-width: 5px; } … Continued

Tableau

posted in: css | 0

Cours Lundi 1ère heure Sciences 2ème heure Histoire Le code expliqué <style> table, th, td { border: 1px solid black; text-align: center; } </style> <table> <tr> <th>Cours</th> <th>Lundi<th> </tr> <tr> <td>1ère heure</td> <td>Sciences</td> </tr> <tr> <td>2ème heure</td> <td>Histoire</td> </tr> </table>

Créer une galerie d’images

posted in: css | 0

Visite de Mons Visite de Mons Visite de Mons Le code expliqué <style> div.img { margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 5px; border: … Continued

Utiliser une boite (deuxième exemple)

posted in: css | 0

Vue de Mons Borinage Le code expliqué <style> p { width: 320px; padding: 10px; border: 5px solid gray; margin: 0; } </style> <img src= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh5.jpg » alt= »vangogh5″ width= »1536″ height= »2048″ class= »alignnone size-full wp-image-497″ /> <p>Vue de Mons Borinage</p>

Utiliser une boite (premier exemple)

posted in: css | 0

Lear a été trahi par deux de ses trois filles et Gloucester par son fils illégitime. Mais les deux pères ont attiré sur eux le courroux des dieux, le premier imposant à ses filles une stupide compétition de louanges et … Continued

Utiliser un background

posted in: css | 0

Exemple de CSS background-color ! Il y a un texte dans cet élément… Dans celui-ci aussi… Mais pas dans celui-ci Le code expliqué <style> h4 { background-color: #6495ed; } h5 { background-color: #e0ffff; } h6 { background-color: #b0c4de; } </style> … Continued

Utiliser css font

posted in: css | 0

Ceci est un titre. Ceci est un paragraphe. Le code expliqué <style> h3 { color:blue; font-family:verdana; font-size:300%; } p { color:red; font-family:courier; font-size:160%; } </style> <h3>Ceci est un titre.</h3> <p>Ceci est un paragraphe.</p>

Créer un attribut class

posted in: css | 0

Ceci est un paragraphe. Je suis différent. Ceci est un paragraphe. Je suis aussi différent. Le code expliqué <style> p.error { color:red; } </style> <p>Ceci est un paragraphe.</p> <p class= »error »>Je suis différent.</p> <p>Ceci est un paragraphe.</p> <p class= »error »>Je suis aussi … Continued

Créer un attribut id

posted in: css | 0

Ceci est un paragraphe. Ceci est un paragraphe Ceci est un paragraphe Je suis différent. Le code expliqué <style> p#p01 { color: blue; } </style> <p>Ceci est un paragraphe.</p> <p>Ceci est un paragraphe.</p> <p>Ceci est un paragraphe.</p> <p id= »p01″>Je suis … Continued