かいじゅうたちのははのヒトリゴト…

かいじゅうたちのははのヒトリゴト…

文字の装飾 画像や文字を動かす

文字の装飾ほか  2005/01/26更新


文字を装飾する
《基本》
1.文字の大きさを変える
 下線の数字(1~7)を変えると大きさが変わる。
例 <font size=" 5 ">倍化の術</font>
倍化の術

サイズ
大きさ


2.文字を太くする
例 <B>ポッチャリ系</B>
ポッチャリ系

3.文字の色を変える
例 <font color=" purple ">変化の術</font>できるゥ?
変化の術 できるゥ?

      下線の色名を変えることができる。
white black gray blue
cyan
green lime khaki
yellow
orange brown red
pink
purple violet Aqua


《応用》
1.太字+大きさ
例 <b><font size="4">複合技その1</font></b>
複合技その1

2.太字+色
例 <b><font color="blue">複合技その2</font></b>
複合技その2

3.太字+大きさ+色
例 <b><font size="6" color="green">複合技その3</font></b>
複合技その3


画像や文字を動かす
《基本》
<marquee>ここに画像や文字を入れる</marquee>
例1 <marquee>文字が動くよ</marquee>
文字が動くよ

例2 <marquee> <IMG SRC="http://plaza.rakuten.co.jp/img/user/…alt="gm04ani"> </marquee>
    下線部は画像登録した画像のHTML gm04ani
※アイコンのお持ち帰りは絶対にしないで下さい。


《応用》
1.動く速度を変える。下線の数字を変更する事ができるよ。
例 <marquee scrollamount=" 2 ">画像や文字が動くよ</marquee>
画像や文字が動くよ

2.左から出てくるよ。速度を3にしてみた。
例 <marquee direction="right" scrollamount=" 3 ">文字が動くよ</marquee>
文字が動くよ

3.文字の装飾と組み合わせる。
例 <marquee width=50% direction="right" scrollamount=" 3 "><font color="green">緑色の文字が動くよ</font></marquee>
  下線部を加えるとページの半分まで文字が動く。数字は任意で変更。
緑色の文字が動くよ


文中にあるHTMLの<>は半角の<>に直してね。

楽天広場改造計画 画像アレコレ その他


「ガソリンスタンド」管理人サマへ
 勝手に使用例で使わせて頂きました。



© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: