CATEGORY

css

  • 2021年8月8日
  • 0件

要素の順番の入れ替え方法について【備忘録】

HTMLの順番を入れ替えたい場合の備忘録です。 要素の順番の入れ替え方法について 縦組みの要素の入れ替えについて 時と場合によりますが、上下の順番を入れ替えたい場合があります。 PCとスマホで順番を入れ替えたい場合などですね。 縦と横で入れ替え方法が違うので、まず […]

  • 2021年7月29日
  • 0件

「z-index」プロパティの使い方について【備忘録】

CSSで使用できる「z-index」プロパティの使い方についての備忘録です。 「z-index」プロパティの使い方について z-indexとは 「z-index」は重なり順序を指定するCSSプロパティです。 「z-index:2」といった形で使用します。 数字が大 […]

  • 2021年7月26日
  • 2021年7月29日
  • 0件

「display:grid」の使い方について【備忘録】

CSS3で登場したdisplay:gridについての備忘録です。 「display:grid」の使い方について 枠組みの作り方について 大枠に「display:grid」を指定することで、grid表示ができます。 gridは表組のようなもので、縦方向や横方向にも結 […]

  • 2021年5月18日
  • 0件

【CSS】after、before疑似要素のリセットの方法【備忘録】

既存のwordpressテーマや誰かが作成したページを修正する際に、 after、before疑似要素をリセットしたい場合があります。 意外と思うことは多く、すでに実装されている部分は修正したくないけど、 新しく実装する場所にはbefore、after要素を無しに […]

  • 2021年5月7日
  • 2021年5月7日
  • 0件

HTMLのテーブルを縦にする方法!【CSS】

備忘録として、HTMLのtable要素を縦にするテクニックを記載しておきます。 tableを縦にするのはスマホ対応の時に多いです。 「PC表示は横表示だけど、スマホは縦にしたい」といった場合ですね。 意外にも簡単に出来るので、やり方を覚えておきましょう。 HTML […]

  • 2021年4月8日
  • 2022年8月11日
  • 0件

【デザイン】ラジオボタン、チェックボックスの変更【CSSのみ】

今回はちょっとしたデザインのお話です。 ラジオボタンやチェックボックスはデフォルトの状態だと少し硬い印象を受けます。 デフォルトのラジオボタン、チェックボックス ちょっとお堅い感じですよね。 デザイン性を高めることは多いので、このラジオボタン、チェックボックスを次 […]

  • 2021年3月5日
  • 2022年8月11日
  • 0件

【CSS】borderで三角形を作ろう!【仕組みを解説!】

CSSを用いて三角形を作る手順を紹介していきます! border要素で作る三角形は考え方が難しいです。 ですが、しっかりと1つ1つ理解しながら作成していきましょう。 【CSS】borderで三角形を作ろう! まずはborder要素の復習からです。 borderを枠 […]