<p>タグ(段落)
Bootstrapで指定されている<p>タグのCSS設定を変更します。
フォントサイズや段落間の余白・背景色等を変更されたい方は以下を参考に変更してください。
1.フォントサイズを変更する
フォントサイズの変更を行う場合は、変更対象<p>タグのfont-sizeプロパティ
を上書きします。
以下の例では、
・フォントサイズを24ドット
に設定しています。
2.マージン・パディングを変更する
マージンの変更を行う場合は、変更対象<p>タグのmarginプロパティ
を上書きします。
パディングの変更を行う場合は、変更対象<p>タグのpaddingプロパティ
を上書きします。
以下の例では、
・1.フォントサイズを変更する
で設定した内容
・<p>タグの上下マージンを2ドット・左パディングを50ドット
に設定しています。
1.フォントサイズを変更する
の例と比べると、行間・文字の書き出し位置の違いを確認できると思います。
3.文字・背景色を変更する
文字色の変更を行う場合は、変更対象<p>タグのcolorプロパティ
を上書きします。
背景色の変更を行う場合は、変更対象<p>タグのbackground-colorプロパティ
を上書きします。
以下の例では、
・2.マージン・パディングを変更する
で設定した内容
・1つ目の<p>タグの文字色を白・背景色を黒
・2つ目の<p>タグの文字色を赤・背景色を青
に設定しています。