fond-page-css

a, a:hover

Voici une autre façon de souligner les liens présent dans une page afin de les rendre plus « design ».

La façon classique de souligner au survol est la suivante :

text-decoration : underline;
Ce qui donne :

Exemple de lien

Et maintenant si on enlevait ce soulignement « classique » et que l’on mettait un soulignement par pointillé, en mettant ceci :

text-decoration : none;
border-bottom : 1px dotted #000000 ;
Ce qui donne :

Exemple de lien

Cette effet peut rendre votre site d’avantage attrayant. Je trouve cette effet tout à fait dans l’air du temps. A vous d’en juger.

Il existe beaucoup d’autre effet de ce style, il suffit de taper dans votre éditeur « border-bottom : » et vous aurez la liste complète de ce qui est possible de faire via l’autocomplétion.

Voici un aperçu de cette liste :

Border-bottom