【CSS】文字の下に縞模様の下線を入れるコード（コピペ可）

CSSで縞模様の下線を装飾するためのコードです。

display:inline-block;でテキストをブロックに合わせ、linear-gradientで柄をブロック全体にかけています。

background-size:6px 6px ;で縞模様を形成し、h1要素の白背景で文字の周りの縞模様を隠して完成です。

See the Pen 縞下線 by ゆけむ (@yukemu) on CodePen.

最新記事
    • カテゴリー
    • 月別
    • Twitter
    株歴40年超のプロが今、買うべきと考える銘柄 FXを始めるなら【DMM FX】！ サーバーセットでお得

    関連記事

    最新記事NEW

    CONTACTCONTACT CONTACTCONTACT

    お問い合わせ

    ご意見やお仕事のご依頼などは以下よりご連絡ください。

    情報入力

    内容確認

    完了

      お名前必須

      フリガナ必須

      メールアドレス必須

      お問い合わせ内容