El concepto de Hipervínculos (enlaces a otros sitios) aparece aquí con una breve descripción.
<p class="tooltip">El concepto de
<a href="#">Hipervínculos
<span>(enlaces a otros sitios)</span>
</a>
aparece aquí con una breve descripción.</p>
.tooltip a {
text-decoration: none;
background-color: transparent;
color: #000;
border-bottom: 1px dashed #000;
}
.tooltip a:hover {
background-color: #ffc;
color: #000;
border: 1px solid #000;
padding: 0 5px;
cursor: default;
}
.tooltip a span {
display: none;
}
.tooltip a:hover span {
display: inline;
}