未分類

円形ボタンの中の複数行の文字列を上下中央寄せにする方法

ボタンを円形にして尚且つ複数行の文字列を上下中央に寄せる方法をご紹介します。 結論 そもそもボタンはaタグをinline-blockにして、幅と高さを指定して作るのが一般的だと思います。その場合 文字をspanタグで囲み...
未分類

擬似クラスnth-childと擬似要素afterなどを同時に使いたい場合の注意点

擬似要素である:afterや:beforeを使うと矢印等の記号だったりを表示することができますが、もし特定の箇所のみ表示しないようにしたい場合や、〇番目から○番目だけ表示したい、といった場合:nth-childのような擬似クラスを擬似要素...
未分類

隣接セレクタ + を使用した時に擬似要素が表示されなくなったので原因を探った

デイトラ中級編、Webカンプからのコーディングを実践中、チェックボックスを擬似要素で作ったのですが、擬似要素が一向に表示されません。原因を探るとどうやら隣接セレクタ + の使い方に原因があったようです。 背景 以下のようなht...
未分類

font-awesomeのサイズや色を変更する方法

font-awesomeのサイズや色を変更する方法に関する記事です。
タイトルとURLをコピーしました