FC2ブログ
05.05
Fri
・スクロールに背景・余白を加える


前回は、スクロールの幅・高さ・回数の変更を学びました。
今回は、スクロールの最終回です。



スクロールの背景を決める
<marquee bgcolor="">~</marquee>


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


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

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




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







スクロールの余白を決める
<marquee hspace=""></marquee>(ヨコの余白)

<marquee vspace=""></marquee>(タテの余白)


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


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

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




左右があきました




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

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


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




上下があきました







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


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



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

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


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



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

 パソコン快適術&HTML&小技ページTOP




ブログサービス: 被リンク数・ページ内リンク数・バックリンク数を調べる | Google・検索エンジン一括登録 | 在宅ワーク・ASPで一歩進んだ内職 | 暮らしに役立つもの・楽天仕事市場・マネー情報サービス | 人気の福袋情報 | 介護支援福祉情報 | ダイエット専門店 | 女神の微笑み | アフィリエイト入門編 | ダイエット-健康グッズ-介護用品-健康増進法-専門店 | 世界の名曲オリジナル和訳-日本語歌詞-思い出の名曲視聴のブログ | 楽天市場-売れ筋-人気-紳士服-婦人服-腕時計-アクセサリー激安-専門店 | 楽天コミュニティBlog | 【楽天市場】電化製品専門店-売れてる家電・おすすめ家電激安販売 | パソコン激安専門店 | 楽天スーパーポイント大量獲得方法 | WEB貯金箱 | 最近の日記纏め読み | ネット収入成果報告 | 楽天広場HTML講座サイトマップ・HTML初心者入門編アフィリエイト専門店 | * 楽天市場 *
関連記事
スポンサーサイト




comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/139-27017ead
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 33サイト掲載中

back-to-top