CSS

CSSで大活躍するborderについて 例えば、border-bottomで下線を引いたとしよう ホントは文字だけに下線を引きたいのだが 色んな条件によって文字だけを指定できず 文字エリア全体を指定せざるおえない場合 そのままだと画面いっぱ ...

ワードプレスなどサイト制作しているときに 結構ハマりがちな問題でCSSが全然効かないことがある。 これってCSSの優先順位などによって どうしようもない場合があったりする。 そんなときは一旦initialで CSSの要素を解除してみると良い ...

フローティングウィンドウ・フローティングメニューを 実装する方法を解説していきます。 今回はふたつ 左側にバナーやメニューや メッセージなど自由に設定出来ます。 一つは単純にフローティングウィンドウを表示 ２つ目は、閉じるボタンを実装してい ...

2020年4月27日

CSSで、float:leftだとかfloat:rightとかで指定することで 左右に並べて表示させることが出来るが これが時々左右に並べて表示出来ず 改行されてしまうことがある。 これの原因としてはwidthの指定値よりも 合計が多くなっ ...

2020年5月2日

CSSで背景に画像を繰り返し挿入する 以下コードを挿入すると 指定エリア全画面上に繰り返し表示されます。 追加したいエリアの指定クラスまたはID{ background-image: url("画像のURLを差し替える"); } CSSで背 ...

2020年5月2日

WPのテーマによっては、 <ul><li>タグが効かずに ドットが表示されないときがある。 また別のケースでは ドットを消したい場合がある。 そんな時は、 以下コードをCSSに書き込むことで解決する。 リストタグのド ...