<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>タグの文字色を赤・背景色を青
に設定しています。