簡単に使用できるスタイルシートです。
基本的に楽天広場は、外部スタイルシートが使えないので、私は、DIVタグにスタイル情報を設定していたりします。
簡単なことばかりなので、ぜひ覚えてください。

■基本テーブル
まずは以下が基本になります。これから紹介するスタイルシートは、「ここにスタイルシートを入れる」部分に入れましょう。
左右の「"」を消さないように注意してください。
複数個のスタイルをつける場合は、「;」をスタイルシートの間に入れてください。

<div style="ここにスタイルシートを入れる">
スタイルシートを反映させるもの</td>
</div>

例）

スタイルシートを反映させるもの

文字をサイズを設定する

font-size:○px
○に文字のサイズを入れます。 ページに対しての比率で表示したい場合は、
font-size:○%
として使用します。
私は基本的に12pxまたは、80%を使用しています。

⇒font-size:12px

改行の大きさを変更する

line-height:○px
○に改行のサイズを入れます。 ページに対しての比率で表示したい場合は、
line-height:○%
として使用します。
私は基本的に160%を使用しています。

⇒line-height:200%
⇒line-height:400%

線を引く

border:○px solid #000000
○に線の太さを入れます。 #000000には下線の色を設定します。
※色などについては、CYBER@GARDEN > Webカラー辞典を参考に…
＞　ちなみに「solid」は通常の線です。点線にしたい場合は、「dotted」や「dashed」を入れます。
＞　下線だけにしたい場合は、 「border」部分を「border-bottom」、上に引きたい場合は、「border-top」、左に引きたい場合は、「border-left」、右に引きたい場合は「border-right」に変更します。

⇒border:2px solid #FF0000
⇒border-left:4px solid #FF0000

まわりに余白をつける

margin:○px
○に余白の太さを入れます。
＞　下部だけにしたい場合は、 「margin」部分を「margin-bottom」、上だけの場合は、「margin-top」、左だけの場合は、「margin-left」、右だけの場合は「margin-right」に変更します。

⇒margin:10px(※分かりやすくするために線を引いてあります。)
⇒margin-left:20px

中に余白をつける

padding:○px
○に余白の太さを入れます。
＞　下部だけにしたい場合は、 「padding」部分を「padding-bottom」、上だけの場合は、「padding-top」、左だけの場合は、「padding-left」、右だけの場合は「padding-right」に変更します。

⇒padding:10px(※分かりやすくするために線を引いてあります。)
⇒padding-left:20px

書籍でお勉強しましょう♪

辞典を一つ持っていると便利です。
基本的に使用すればするほど覚えられるものなので、ぜひ使ってみてくださいね。
スタイルシート書籍を探す場合はこちら

朱沙のこんなサイトも便利かも(*^_^*）良かったら見に来てくださいね。
⇒スタイルシートメモ：スタイルシートとMovableTypeを勉強できるブログです。
このページよりも更に詳しくスタイルシートについて説明しています。

ホームページ（サイト）の作り方
潤う★アンチエイジング　みつけるきせきトップ　∴　潤う★アンチエイジングについて　∴　サイトマップ　∴　メッセージ

このHP内のテキスト及び、画像の無断転載は一切禁止です。このHPはリンクフリーです
トップページ以外はアドレスが変更されたり削除される場合がありますのでご了承下さい