こちらのWEBサイトのように、「background-attachment: fixed;」を使うことで、背景画像を固定にすることができます。 ※「background-attachment:fixed;」はiOSのブラ…

今回は、CSSのmin-heightを使って高さを揃える方法を紹介します。 【CSS】min-heightを使って高さを揃える方法 min-heightを指定しない場合 ◎HTML <div class=”box1…

あなたは「偶数番目の要素にだけスタイルを当てたいな〜」と思ったことはないでしょうか？ 今回はCSSで奇数や偶数の要素にだけスタイルを適応する方法を紹介します。 【CSS】奇数や偶数の要素にだけスタイルを適応する方法 奇数…

今回は「ネガティブマージンを使って要素をずらす方法」について紹介していきます。 ネガティブマージンを理解することで、レイアウトの幅が広がるので、是非参考にしてください！ ネガティブマージンとは？ marginは基本的に「…

今回はCSSで「aタグをクリックできる範囲をheaderの高さと一緒にする方法」を紹介します。 aタグをクリック出来る範囲が大きい方が、ユーザーもクリックしやすくなります。 是非試してみてください！ 【CSS】aタグをク…

今回は、「CSSで円の中にテキストを表示する方法」について。 テキストが1行の場合と2行の場合の2パターンについて紹介していきます。 【CSS】円の中にテキストを表示する方法 完成形はこちらです。 See the Pen…

仕事で「ニュースリスト」を実装したので、せっかくなのでメモに残しておくことにしました。 レスポンシブにも対応しているので、是非真似してコーディングしたりコピペしてみてください。 【CSS】ニュースリストの作り方 完成形は…

今回は、「height100vhの背景画像を縦横比を維持してレスポンシブする方法」について解説します！ 今回解説する方法を使うと、自動的に背景画像の縦横比を維持してくれるので、レスポンシブが楽になります。 コピペできるよ…