HTML CSS

画像に薄い色をあてて。その上に文字を表示させる 方法。 よく使うパターン２つ書いてみました。 文字が少ないパターン この場合、よく使うのが画像の疑似要素に カラーをあてて、position使って文字を浮かせて 最前面に表示させる。 HTML...

サイトのナビゲーションメニューでよく見る ３タイプのコードを記録してみました。 HTML・CSSのサンプルコードあり よかったら参考にしてください。 今回作成したナビゲーションメニュー リセットCSS パターン1 文字inline使用 li...

文字の中が透明で、文字の外枠だけが表示される方法。CSSでテキスト文字の縁取りをする方法を書いてます。サンプルコードも記述してますので初心者の人必見。CSSで 装飾してると後で色の変更やサイズ変更などのカスタマイズも簡単になり文字の表現が豊かで綺麗になる。

flexで横並びにした時、文字（テキスト）が縦１列になってしまった時にこの方法で治りました。実際にボタン作成時に起きた現象のコードと実際に解決できたコードのサンプルも記載してるので画像のようなボタンが作成できます。参考にしてください。