【CSS】文字に色々なデザインの下線を引く（点線・波線・二重線・蛍光ペン風など）

今回は文字にさまざまなデザインの下線を引き方をまとめます。おしゃれで文章の強調に使えるような下線も紹介していくので、気に入ったものがあれば是非コピペして使ってみてください。 1.【初心者向け】下線を引く手順 はじめにCSSの指定方法を解説するので、すでにご存知の方は読み飛ばして頂ければと思います。 スキップ 文字に下線を引く方法は大きく分けて、以下の2パターンがあります。 1つずつ解説していきます。 方法1: HTMLに直接書く（インライン） いちばん簡単な方法です。以下のように指定します。 <span style=”下線のCSSコード”>下線を引きたい文字</span> ①下線を引きたい部分をspanタグで囲って ②style=””の中にCSSコードを書けば良いわけですね。後ほど各下線のCSSコードを紹介していきますので気に入ったものをコピペして入れましょう。たとえば、いちばん無難な下線

[rspk315]

“background: linear-gradient(transparent 70%, yellow 70%); ”

[phista]

ストライプ風、波線

[CandR]

とっても参考になります✨ありがとうございます☆

[imyme_999]

めも。#imyme9_design

[daishibass]

とてもわかりやすく、下線の引き方について参考にさせて頂きました！記事で紹介させて頂いてよろしいでしょうか。 サイトデザインも素晴らしいですね♪