最近海外のサイトなんかを見ているとテキストリンクにボーダーを使っているサイトが多い気がします。普段だと「text-decoration: underline;」のところ「border-bottom: 1px solid #003f8e;」って感じです。 ボーダーにすることで何ができるかというと、テキストの色と違う色の下線にできたり、点線にできたりします。 例えばこんな感じ。下線の色のみ変えています。 この部分ではテキストリンクに「text-decoration: underline;」ではなく「border-bottom: 1px solid #003f8e;」で下線を引いています。マウスを乗せると「border-bottom: 1px solid #c71585;」です。