本サイトはアフィリエイト広告を利用しています

CSS

HTML&CSS

どれを使えばいい? 紛らわしい initial、inherit、unset

WordPressサイトのカスタマイズで知っておくと便利なCSSのプロパティ値の中で、紛らわしい initial、inherit、unset の使い分けを整理。
Cocoon

【見出し】CSSで上下余白のサイズを変更する[Cocoon]

見出しの直前に来る要素に対して余白を設定するため、CSSのmarginプロパティと:has()疑似クラスの使い方を徹底研究。
Cocoon

Cocoon[ヘッダー背景画像]の初期設定を深掘り!

ヘッダーの背景画像を思い通りに表示するために、Cocoonの初期設定を確認しました。
Cocoon

ヘッダー背景カスタマイズ:パターンを繰り返し表示[Cocoon]

ヘッダーの背景にパターン画像を繰り返し表示するカスタマイズ方法です。
Cocoon

ヘッダーとグローバルメニューの間にある余白を無くす|Cocoon

ヘッダーに設置したロゴ画像と、ナビメニューの間に現れる「余白」を取り除くCSSコードの備忘録【Cocoon】
HTML&CSS

覚えておきたいCSS:currentColor

要素のcolorを参照して変数のように使えるcurrentColorが超便利です。
Cocoon

ホワイトボード風ボックスを使おう!【Cocoon】

黒板風ボードに次ぐ第2弾。Cocoonで作るサイトにホワイトボード風デザインのボックスを表示します。白抜きボックスを活用することで面白く使えそうです。
Cocoon

黒板風ボックスを使いたい!【Cocoon】

Cocoonの白抜きボックスを活用して、黒板風デザインボックスを表示させてみましょう。
HTML&CSS

CSSで大きな括弧を作る(角括弧、波括弧、…)

CSSで疑似要素、position、contentを勉強すると、色々な装飾に画像を使わずにCSSで表現できるようになります。今回は、大きな括弧を表現するCSSコードを作ってみました。
Cocoon

ブログカードの[続きを読む]表示カスタマイズ【Cocoon】

ブログカードの「続きを読む」に表示する記号だけを大きく表示するカスタマイズ。
タイトルとURLをコピーしました