背景色付きフリーページ

背景色付きフリーページの例です。

どんぐりと山猫


宮沢賢治

 をかしなはがきが、ある土曜日の夕がた、一郎のうちにきました。

かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝


このページのソース。

<table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF"><tr><td>背景付きフリーページの例です。

<h2>どんぐりと山猫</h2>
<b>宮沢賢治</b>
 をかしなはがきが、ある土曜日の夕がた、一郎のうちにきました。
かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝</td></tr></table>




フリーページに背景色を設定するには、★本文★の部分に、本文が入るように下記のタグを本文の前と後に記述してみてください。

<table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF"><tr><td>★本文★</td></tr></table>

#FFFFFFの部分が背景色。変更したい場合はこちらの カラーパレット カラーチャート を参考にしてください。

背景色をmistyroseにした場合。
bgcolor="mistyrose"

かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝


背景色を#CCFFCCにした場合。
bgcolor="#CCFFCC"

かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝


枠と文字の間の余白を調整したい場合はcellpadding="10"の数字を変更してください。単位はpx(ピクセル)です。数字を大きくすると余白が広くなり、小さくすると余白が狭くなります。

cellpadding="0"にした場合。
余白なし。

かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝


cellpadding="50"にした場合。余白50px。

かねた一郎さま 九月十九日
あなたは、ごきげんよろしいほで、けつこです。
あした、めんどなさいばんしますから、おいで
んなさい。とびどぐもたないでくなさい。
                山ねこ 拝


余談。見だしタグ(h1など)にスタイルが設定されているものがあるみたいです。

■h1

どんぐりと山猫



■h2

どんぐりと山猫



■h3

どんぐりと山猫



■h4

どんぐりと山猫



■h5
どんぐりと山猫


■h6
どんぐりと山猫


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: