HTML/CSS– category –
-
【HTML/CSS】Word原稿の通りの箇条書きや説明リストにする方法(ul、ol、dl)
【箇条書きにインデントをつけたい!】 告知投稿やページを制作するときに箇条書きが必要になることは多いと思います。 WordでもWebページでも、箇条書きはインデントをつけた(行頭から1文字下げた)スタイルが読みやすくなります。 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タグの中の文字を左揃えで配置したい!とか、text-alignじゃ...
1