下層ページイメージ

新着情報

h1〜h4のタイトルに飾り罫を付ける時

ホームページ制作ツール

あけましておめでとうございます。
2018年もトライ&エラーを恐れずに、新しい方法を取り入れながらホームページ制作に取り組んでいきたいと思っています。

今までhタグに飾り罫など付ける時、<span>で囲っていたのですが、囲まなくても罫線の長さを文字に合わせられる方法を見つけました。

display :inline-block; を追加すれば罫線などの飾りが文字に合わせて伸び縮みしてくれます。

すばらしい!ありがとうございます。

今回参考にさせていただいたサイトです
【CSS】borderの長さを調整する方法3つ:文字に応じて可変など


« | »

こちらの記事もオススメです

新着情報一覧

ホームページ制作にまつわる便利な情報を長野より発信!