Simple Tooltips

Explicación

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;
}

Índice Capítulo 8
Contenido material adicional