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

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

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

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

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

今回はWEB制作でよく使う「擬似クラス」についてまとめました。 コーディングをする際に度々出てくるワードであるので、分からない人は是非理解しておきましょう。 擬似クラスとは？ 擬似クラスとは、指定した要素が特定の状態であ…