私には、「ヒント(ヘルプ?)付き」の表現は、 なんとなく、緑色で点線の下線のイメージがあります。
CSSには、点線の下線がないので、枠線スタイルを 利用して表現してみます。
<style>
.hint {
border-bottom : 1px dashed green ;
cursor : help ;
color : green ;
}
</style>
<span class="hint" title="ヒントっぽい?">ヒント</span>
実行例です。
ヒント
なんとなくヒントっぽく見えないでしょうか?