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