web-dev-qa-db-fra.com

Comment faire apparaître du texte en survolant un href

Comment puis-je faire apparaître du texte sous un lien?

<div class="login">
    <a href="">Login
    <p>Access your profile here</p>
    </a>
</div>

Où le login déclenche le p à afficher?

Dois-je utiliser le p ou autre chose?

htmlcsstexthref
6
Xplo

Le style suivant rend la p visible en survol:

.login a p {display:none;}
.login a:hover p {display:block;}
<div class="login">
    <a href="">Login
        <p>Access your profile here</p>
    </a>
</div>

Ou, si vous souhaitez que tout le lien, y compris p à l'intérieur, reste visible en survol, utilisez les éléments suivants:

.login a p {display:none;}
.login a:hover p {display:block;}
.login a:hover {display:block;}
<div class="login">
    <a href="">Login
        <p>Access your profile here</p>
    </a>
</div>

12
Nima

c'est simple, il suffit d'ajouter l'attribut title dans la balise

<a href="http://www.studyofcs.com" title="Tricks Site">Studyofcs</a>
13
Mohsin Shoukat

Si vous utilisez bootstrap, vous pouvez utiliser les éléments suivants: 

<a class="login" href="" data-toogle="tooltip" title="Access your profile here">Login</a> 

2
Giannis Brandt