Home News Contact About Le code expliqué <style> ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; } </style> <ul> <li><a href= »#home »>Home</a></li> <li><a href= »#news »>News</a></li> <li><a href= »#contact »>Contact</a></li> <li><a href= »#about »>About</a></li> </ul>
Home News Contact About Un background color a été ajouté pour montrer la ligne du lien. Le code expliqué <style> ul { list-style-type: none; margin: 0; padding: 0; } </style> <ul> <li><span style= »width: 60px; background-color: grey; »><a href= »#home »>Home</a></span></li> <li><span style= »width: 60px; … Continued
Home News Contact About Le code expliqué <style> ul { list-style-type: none; margin: 0; padding: 0; } </style> <ul> <li><a href= »#home »>Home</a></li> <li><a href= »#news »>News</a></li> <li><a href= »#contact »>Contact</a></li> <li><a href= »#about »>About</a></li> </ul>
Home News Contact About Note: Nous utilisons dans cet exemple href= »# » pour tester la ligne. Dans un site réel, il faut utiliser des URLS. Le code expliqué <ul> <li><a href= »#home »>Home</a></li> <li><a href= »#news »>News</a></li> <li><a href= »#contact »>Contact</a></li> <li><a href= »#about »>About</a></li> </ul> <p>Note: Nous utilisons … Continued
Ceci est un titre Ceci est un paragraphe. Ceci est un autre paragraphe. Ceci est encore un paragraphe. Le code expliqué <style> p { border:1px solid grey; padding:10px; margin:30px; } </style> <h1>Ceci est un titre</h1> <p>Ceci est un paragraphe.</p> <p>Ceci … Continued
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
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>
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>
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>
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>