テキストのアンダーラインカスタマイズ：太さや、テキストとアンダーラインの距離を変えたり

#デイトラ #Web制作
備忘録
aタグのアンダーラインとテキスト間の距離調節
簡単なくせに普通に便利
text-decoration: underline;
text-underline-offset: 3px;

— しゅう【Webサイト制作/改良・コーダー】_筋トレとプログラミング学習で一生成長期のおやじ (@shu_web_net) December 7, 2024

その他、自分がスニペットに登録してるアンダーラインカスタマイズCSS↓↓

太さとかもいじれます

    text-decoration-color: #05c662a0;
    text-decoration-line: underline;
    text-decoration-thickness: 8px;
    text-underline-offset: 3px;

offsetは、テキスト（厳密にはテキストのベースライン）からアンダーラインまでの距離

これ使うか、

再現したい条件によって、疑似要素でボーダー作るのもありです。

サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】

けっこうガチ目っぽいです↓↓

京大生中心のエンジニアによる中高生のためのプログラミング教室↓↓

僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます