楽天広場HTML講座・スクロールに背景・余白を加える

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

HOME | DIARY | PROFILE

2006.07.14

楽天広場HTML講座・スクロールに背景・余白を加える

テーマ：ホームページ作成の悩み(550)

カテゴリ： HTML文字画像リンク

・スクロールに背景・余白を加える

今回は、スクロールの最終回です。

スクロールの背景を決める

&LT;marquee bgcolor=""&GT;～&LT;/marquee&GT;

「 bgcolor 」属性を組み合わせることで、スクロールの背景が変わります。
「 ="" 」にいれる属性値は「 色の名前 」か「 ＲＧＢ値 」です。

例：「#ff9900」でのスクロール背景です。

「&LT;marquee bgcolor="#ff9900" &GT;オレンジっぽい背景になりました&LT;/marquee&GT;」と入力

↓

オレンジぽっい背景になりました

スクロールの余白を決める
&LT;marquee hspace=""&GT; ～ &LT;/marquee&GT; （ヨコの余白）

&LT;marquee vspace=""&GT; ～ &LT;/marquee&GT; （タテの余白）

「 hspace 」「 vspace 」属性を組み合わせることで、スクロールの余白が変わります。
「 ="" 」にいれる属性値は「数字」です。

「 hspace 」で左右に「 100ピクセル 」の余白を作ってみます。

「&LT;marquee hspace="100" bgcolor="#ff9900" width="200"&GT;左右があきました&LT;/marquee&GT;」と入力

↓

左右があきました

「 vspace 」で上下に「 50ピクセル 」の余白をつくってみます。

すると・・・上のスクロールとの間に 50ピクセル の間があきました。

「&LT;marquee vspace="50" bgcolor="#ff9900" width="200"&GT;上下があきました&LT;/marquee&GT;」と入力

↓

上下があきました

【最後にちょこっと応用です】

★こんな動きもできるよ★

「 marquee 」を2つ使ってサンドイッチ。

赤の部分でタテの往復と背景・幅・高さを、黒の部分でヨコの往復を設定しています。

「 &LT;marquee behavior="alternate" direction="up" height="80" bgcolor="#ff9900" width="400"&GT; &LT;marquee behavior="alternate"&GT;★こんな動きもできるよ★&LT;/marquee&GT; &LT;/marquee&GT; 」と入力

文字のスクロールおもしろかったでしょ？

[ トップページへ戻る ]

[ 次のページ⇒ ]

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