【HTML/CSS】Word原稿の通りの箇条書きや説明リストにする方法(ul、ol、dl)

箇条書きにインデントをつけたい! 告知投稿やページを制作するときに箇条書きが必要になることは多いと思います。 WordでもWebページでも、箇条書きはインデントをつけた(行頭から1文字下げた)スタイルが読みやすくなり […]
【HTML/CSS】見出しや説明文を影付き文字にする方法(text-shadow)

見出しや説明文に影をつけたい!(text-shadow) 文字に影をつけて強調したい時や、おしゃれに見せたいときはよくあります。 WordPressのブロックエディタを使用していて、テキストシャドウ機能が付随している場合 […]
【HTML/CSS】ブロックレベル要素に背景画像を入れる時のCSSの記述方法(background-xxxx)

ブロックレベル要素に背景画像を入れる時のCSSコードってどうだっけ? ブロックレベル要素に背景画像を入れられることはわかっている。 背景画像の繰り返し表示の設定ができることもわかっている。 背景画像のサイズを設定できるこ […]
【HTML/CSS】画像やブロックなどの、要素の角を丸くする方法(border-radius)

画像やブロックなどの、要素の角を丸くしたい! デザイナーから、WordPressで構築中のサイトのコンテンツの一部に角丸ボックスを入れて、そこに記事を掲載したいとの要望がありました。 テーマやエディタによっては設定項目が […]
【HTML/CSS】テキストや画像、<div></div>を中央揃えや左揃えにする方法(text-align、margin)

テキストや画像、<div></div>を中央揃えにしたい! HTMLコーディングにしろ、WordPressでのサイト構築にしろ、文章や画像を中央や左右に揃えたい場面は常にあります。 中央に配置したdivタグの中の文字を左 […]