3812733 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ(テーブル) | HTML(応用編) | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.21
XML
カテゴリ:HTML(応用編)
・応用編


■ 超大きい文字



前回までは、テーブルをスタイルシートでデザインする方法を学びました。
今回は、文字をスタイルシートでカスタマイズしていきます。



今回は「style="font-size:~pt;"」をつかいます。



今までは、「font」タグをつかって文字の大きさを指定していましたが、
大きさを1~7段階しか設定することができませんでした。


今回の「style="font-size:~pt;"」をつかうと、
1pt単位で自由に文字の大きさを設定することができます。(必ず単位に「pt」をつけます)






「<font style="font-size:40pt;">のとき」
入力ソース
<font style="font-size:40pt;">40</font>




40






「<font style="font-size:250pt;">のとき」
入力ソース
<font style="font-size:250pt;">250</font>











250











この「style="font-size:~pt;"」が使えるタグは、じつはいっぱいあります。
楽天広場で使えるものには以下のようなものがあるんです。


入力ソース
「<p style="font-size:~pt;">~</p>」




pです








入力ソース
「<i style="font-size:~pt;">~</i>」




iです






入力ソース
「<b style="font-size:~pt;">~</b>」




bです






入力ソース
「<u style="font-size:~pt;">~</u>」




uです



入力ソース
「<a href="~" style="font-size:~pt;">~</a>」




Aです


(試しにクリックしてみて、前回の講座に移動します)






入力ソース
「<center style="font-size:~pt;">~</center>」




真ん中








そのほか、「table」と「td」にも使えます。

「<table style="font-size:~pt;">」
「<td style="font-size:~pt;">」



「table」につかえば、テーブルの中の文字全部の大きさを変えられます。
「td」につかえば、その「td」の中だけ文字の大きさを変えられます。






[トップページへ戻る][次のページ⇒]






お気に入りの記事を「いいね!」で応援しよう

Last updated  2008.12.21 10:32:20



© Rakuten Group, Inc.