Outline : exemple 3

posted in: css | 0

Troisième exemple de l’utilisation de la fonction Outline : première partie. Seconde partie. Le code expliqué <style> h4 { border: 1px solid yellow; outline-style: solid; outline-width: thin; } h5 { border: 1px solid green; outline-style: dotted; outline-width: 3px; } </style> … Continued

Outline : exemple 2

posted in: css | 0

Second exemple de l’utilisation de la fonction outline. Le code expliqué <style> h4 { border: 1px solid red; outline-style: dotted; outline-color: #00ff00; } </style> <h4>Second exemple de l’utilisation de la fonction outline.</h4>

Outline : exemple 1

posted in: css | 0

Premier exemple d’utilisation de la fonction Outline Le code expliqué <style> h5 { border: 1px solid red; outline: green dotted thick; } </style> <h5>Premier exemple d’utilisation de la fonction Outline</h5>

Border : exemple 3

posted in: css | 0

2 styles de bordure. Le code expliqué <style> h4 { border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-left-style: solid; } </style> <h4>2 styles de bordure.</h4>

Border : exemple 2

posted in: css | 0

Exemple d’une bordure pleine rouge Exemple d’une bordure pleine verte Le code expliqué <style> h4 { border-style: solid; border-color: red; } h5 { border-style: solid; border-color: #98bf21; } </style> <h4>Exemple d’une bordure pleine rouge</h4> <h5>Exemple d’une bordure pleine verte</h5>

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