画像を縦に

*** 画像を並べる ***

今日は、

*画像を縦に並べる(テーブル・文字)
…をしてみます。


∞∞∞画像を縦に並べる(テーブル)∞∞∞

ここで使うタグはコレ↓(テーブルの場合)

<table background=" http://~.gif " style="background-repeat:repeat-y;">

では説明です。。。

上記の『 http://~.gif 』の所に、画像の倉庫からコピーした、画像までのURLを入れます。
※( )は消さないでね★

フレームの有無、幅等を指定するタグは、『repeat-y;"』の後ろへ入れます。なので、ココで使っているタグはコレ↓

<table background=" http://~.gif " style="background-repeat:repeat-y;"
height="100"width="100" frame="box" >

それでは効果を見てみましょう♪テーブルの横・縦幅は、共に100です。


∞∞∞画像を縦に並べる(文字の背景)∞∞∞

文字で使うタグはコレ↓

<font style="background-image:url( http://~.gif );background-repeat:repeat-y">
★ここに文字★
</font>

上記と同じように、『 http://~.gif 』の所に、画像の倉庫からコピーした、画像までのURLを入れます。
※( )は消さないでね★

効果を見てみると…

文字の
背景に
画像を
縦に…
並べる
※centerを使っている場合、文字数を合わせないとズレます★



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: