CSS 【CSS】擬似要素の中身を可変にする
擬似要素の中身を柔軟に変えたい場合のやり方をご紹介します。
擬似要素の中身を可変にする方法
まずは例をご覧ください。
See the Pen
Untitled by Takuma (@takushin0202...
未分類
CSS 未分類 定規アプリ「linear」が使えない時の対処法とGithubで旧バージョンへアクセスする方法
このページにアクセスしてる人はMacで使える無料の定規アプリ「linear」をGithubからダウンロードしたけど開けずに使えなかった人がほとんどだと思うので、早速解決法を載せておきます。
linearの旧バージョンをダウンロードす...
未分類 円形ボタンの中の複数行の文字列を上下中央寄せにする方法
ボタンを円形にして尚且つ複数行の文字列を上下中央に寄せる方法をご紹介します。
結論
そもそもボタンはaタグをinline-blockにして、幅と高さを指定して作るのが一般的だと思います。その場合
文字をspanタグで囲み...
未分類 擬似クラスnth-childと擬似要素afterなどを同時に使いたい場合の注意点
擬似要素である:afterや:beforeを使うと矢印等の記号だったりを表示することができますが、もし特定の箇所のみ表示しないようにしたい場合や、〇番目から○番目だけ表示したい、といった場合:nth-childのような擬似クラスを擬似要素...
未分類 隣接セレクタ + を使用した時に擬似要素が表示されなくなったので原因を探った
デイトラ中級編、Webカンプからのコーディングを実践中、チェックボックスを擬似要素で作ったのですが、擬似要素が一向に表示されません。原因を探るとどうやら隣接セレクタ + の使い方に原因があったようです。
背景
以下のようなht...
未分類 font-awesomeのサイズや色を変更する方法
font-awesomeのサイズや色を変更する方法に関する記事です。