|
|
今日は、前回と同じく【ＴＡＢＬＥにフォントを入れる２】です。
【ＴＡＢＬＥにフォントを入れる１】では、<FONT>タグを使って、セルの中にフォントを指定しました。
今回は、スタイルシートを使いまして、ＴＡＢＬＥタグの中に直接命令してみましょう！
まずは、スタイルシートでフォントに命令する属性を紹介します。
- font-size:13px; フォントのサイズをＰＸで指定します。
- line-height:1.4em; 行間を指定します。これはデフォルトの1.4倍ということです。
- color:black; フォントの色を指定します。ここではＢＬＡＣＫです。カラーコードでもＯＫです。
- font-family: Comic Sans MS; フォントの字体を指定します。
よく使われるのは、この４つです。
これはダブル枠線になっている、ここのＴＡＢＬＥに指定しています。
このテーブルのタグを書いて見ましょう。
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="150" BGCOLOR="black" style="cursor:help;border-style:double;border-width:3;border-color:blue;font-size:13px;line-height:1.4em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="lightcyan" VALIGN="top"><UL>
ここに本文や画像
</UL></TD></TR></TABLE>
|
このように書いています。
<TABLE>内に指定していますが、<TD>内に入れても同じ効果が出ます。
ＴＡＢＬＥ内にスタイルシートで指定しますと、そのＴＡＢＬＥ内にあるセルすべてに反映されます。
ただ、ＴＡＢＬＥを何重にも使う時は、注意が必要です。
一番外側のＴＡＢＬＥの中にフォントを指定して、その中にフォントを指定しないＴＡＢＬＥを入れますと、「字体」と「行間」しか反映されません。
フォントのサイズとカラーは、親要素である<body>内で指定したものになります。
ですから、ＴＡＢＬＥのなかにＴＡＢＬＥを入れた時は、中に入れたＴＡＢＬＥにもフォントの「サイズ」と「カラー」だけは指定してあげる必要があります。
・・・・言ってる事！・・・判ってるかな？(-_-;)・・・お願いわかって！
具体的にやってみましょう。
この下↓のテーブルには、フォントをまったく指定していません。
此処に文字ABCDabcd
此処に文字ABCDabcd
|
そうしますと、字体と行間だけは上で紹介しました属性がそのまま反映されていますが、
文字のサイズとカラーは楽天広場の自分の編集ページの基本デザインで指定しました、
「サイズ３（初期設定）」と「ブルーぽい文字色」になります。
お判りでしょうか・・・！
では！今日はここまで・・・！皆さん頑張ってくださいませ！
........((((ヘ＿ ＿)ヘ カサコソカサコソ
【プチ講座】
Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
|
お気に入りの記事を「いいね！」で応援しよう
|
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
エラーにより、アクションを達成できませんでした。下記より再度ログインの上、改めてミッションに参加してください。
x
|
Profile
gtone
楽天ＨＰの飾り付けを一緒にやってみましょう。初心者のためのプチ講座！日記の雛形！
パイプたばこを始めて、「パイプ奮闘記」を書いてみようと思います！(￣‥￣)=3 ﾌﾝ
|
|
