しゅう【Webサイト制作/コーダー】
のPortfolio Site

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

ブログ投稿アイキャッチ画像
Image by Jan Alexander from Pixabay
当サイトはアフィリエイト広告を利用しています

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

太さとかもいじれます


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

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

これ使うか、

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


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

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

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

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

公式Lineのトークからも
ご相談・お問い合わせいただけます
↓↓
無理な営業は一切行いません

友だち追加