ａタグなどでリンクを作成した際、デフォルトで下線が付くようになっています。
この下線があっても問題がないデザインにするのであれば何も変更はありませんが、今回はそのリンクの下線が必要のない場合、どのように消すのかを説明していきます。
【CSS初心者向け】疑似クラス『hover』の使い方を完全解説
カーソルが重なったタイミングで背景色が変わったり、字が太くなったりすることで、ユーザーにボタンを押させたような錯覚を与えることができるような機能の付け方に悩んだことはありませんか。
今回はCSSの疑似クラス『hover』を使用してそれらを解決する方法を説明していきます。
続きを読む【これで解決！】CSSが反映されない？CSSが反映されない原因５選
原因が何かも分からず、CSSが反映されない。その原因究明に難航し、その結果として多大な時間を浪費してしまった経験はありませんか。
試行錯誤を繰り返しても結果が好転せずに問題を払拭できなくなることがなくなるよう、今回は良くあるCSSが反映されない原因5選を解説していきます。
続きを読む【簡単】カテゴリーの順番を並べ替える時はプラグイン『Category Order and Taxonomy Terms Order』で解決！【WordPress初心者向け】
WordPressでカテゴリーを設定する時、不規則に並ぶ順番を自分で決めたいと思ったことはありませんか。
今回はWordPressのカテゴリーの順番を任意の順番に並び替え、思い通りのデザインを構築するための方法を詳しく解説していきます。
結論：WordPressでカテゴリーの順番を並べ替える時はプラグイン『Category Order and Taxonomy Terms Order』を使用する
続きを読む【WordPress基礎】プラグインとは？インストールから使用できるまでの流れを完全解説
WordPressを使用する際、何かと便利に使えるお助けアイテム、『プラグイン』をどのような流れで使用するのか知っていますか。
今回はこのプラグインとは何なのかということから、どのようにインストールし、使用できるようにすればいいのかを丁寧に解説していきたいと思います。
続きを読む『flex-wrap: wrap;』を使用して、横並びされたリストを折り返し
オンラインショッピングサイトの商品紹介ページにあるような横に3つの商品が並び、折り返して下の段にさらに3つ並んでいくデザインをあなたも見たことがあるのではないでしょうか。
今回はそのような横並びされたリストを折り返しすることを可能にするCSSを解説していきたいと思います。
結論：リストの親要素に『flex-wrap: wrap;』を指定する
続きを読むulタグ、liタグを使用したリストを『display: flex;』で横並びにする方法
サイトのヘッダーメニューバーにも頻出の横並びのリストはCSSの勉強を始めると最初に立ちはだかる壁といっても過言ではないのでしょうか。
今回はulタグ、liタグを使用したリストを横並びにする方法を初心者の方にも分かりやすく解説していきます。
結論：リストを横並びするにはCSSで『display: flex;』を指定する
続きを読む