|
「font;color:」を使う事によってボックス内の文字の色を変更する事ができます。 基本サンプル ||<#○' style='font;color:#●;padding:△px;border:□px ◎ #▽' ``ここに文字を入れる|| ○にボックスの背景色を指定 ●に文字の色を指定する △にボックスの大きさ(パディング)の値を指定 □に枠の太さの値を指定 ◎にボックスの種類を指定する ▽に枠の色を指定 必ず大前提として、全て半角英数字で入力する事 色を指定するには # の後に6桁の0〜9とA〜F間できめる。 赤色を指定する場合は # の後にFF0000とすれば赤くする事ができます。 青色は0000FF、紫にしたい時は赤と青をあわせればよいのでFF00FFとなります。 ボックスの大きさや枠の太さを変える場合は、 px の前に数字をいれてやれば良い、必ず0以上の数字を入れる事 ボックスの種類は全てで8種類あります。 「solid」「double」「groove」「ridge」「outset」「inset」「dotted」「dashed」 このどれかを指定すれば、ボックスの種類を変えることが出来ます。
サンプル ソース ||<#FF9999' style='font;color:#FF0000;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font;color:#0000FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font;color:#FF00FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font;color:#00FFFF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font;color:#FFFF00;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| 文字の大きさを調整する場合は「size」を使う
サンプル ソース ||<#FF9999' style='font-size:10px;color:#FF0000;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font-size:12px;color:#0000FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font-size:14px;color:#FF00FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font-size:16px;color:#00FFFF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| ||<#FF9999' style='font-size:18px;color:#FFFF00;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる|| 文字の大きさのみでは、例えば18ピクセルにしたい時は「font-size:18px」 さらに赤い文字にしたい時は「font-size:18px;color:#FF0000」 ここのページでは文字の色の変え方のみですので、
ボックスの色や枠の大きさを変える詳細はトップページへ |

- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用





