Вот несколько хороших CSS-подсказок, которые вы можете использовать для настройки подсказок: http://meyerweb.com/eric/css/edge/popups/demo.html, что делается с помощью селектора :hover
для span
элемента внутри a
.
HTML:
<a href="http://sample.com/">Links<span>Tooltip text</span></a>
CSS:
div#links a span {display: none;} // hide our tooltip SPAN.
div#links a:hover span {
display: block; // show our tooltip
// position/style tool-tip here.
}
Попробуйте включить <span>bold text here</span>
в диапазон всплывающей подсказки из этого примера и соответствующим образом оформить его с помощью css.Например,
div#links a span span {font-weight: bold;}
Более простой пример здесь. .В этом примере вы бы добавили следующий стиль:
a.info span span {font-weight: bold;}