ヒントっぽいスタイル

私には、「ヒント(ヘルプ?)付き」の表現は、 なんとなく、緑色で点線の下線のイメージがあります。

CSSには、点線の下線がないので、枠線スタイルを 利用して表現してみます。

<style>
.hint {
    border-bottom : 1px dashed green ;
    cursor        : help ;
    color         : green ;
}
</style>

<span class="hint" title="ヒントっぽい?">ヒント</span>

実行例です。

ヒント

なんとなくヒントっぽく見えないでしょうか?

Google サイト内検索

Amazonアソシエイト