■テーブル ４
★ 壁紙画像を使用 ★
見本 １
☆ここに文字が書けますよ☆
バックには、壁紙を入れています。
文字を書き込んだ分だけ、枠は広がります。
見本は、太字にしています
TABLE border="○px"
数字を入れないときは、 border="1px" と同じですよ。
border="o"にすると、枠はきえます。
☆ここに文字が書けますよ☆
違いが解かるかなぁ？？（爆）
・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:
♪今度は枠の種類を変えてみます。また一段と可愛くなるよ♪
見本 ２
☆ここに文字がかけます☆
border-width:10px
枠の種類は double です。
枠の色は、PINKにしています。
★ ワンポイント画像を使った場合 ★
☆ここに文字が書けますよ☆
↑は ＜見本 １＞のタグを使っています。
これだと、
画像によっては文字が見ずらくなりますね。
次はテーブルの中で 背景の位置を固定させてみます。
↓のようにすっきりまとまります。
★ここに文字★
↑のタグは
背景色は大体白（#FFFFFF）でいいと思うよ。
写真の位置は 100% 0%の部分で色々替えられます。
文字数が増えれば、設定した位置に画像が来ます。
これは 日記の枠 の所で書いたのと同じです。
★ 全てに画像を使用 ★
見本
 |
* | |
| * | ココに文字 |
* |
|
* | |
同じタグでも、アイコン画像だと、雰囲気も変わります。
 |
* | |
| * | ココに文字 | * |
|
* | |
青 で書かれている画像部分は、各・隅のアイコンです。
width="20" height="19"
のサイズは、書き込むアイコンに合わせて書き換えて下さいね。
（画像サイズは、画像を右クリックして
プロパティーをクリック・そこに書かれています）
赤 はそれ以外の周囲の画像です
見本は、壁紙を使っています。
エンジ表示 は、テーブルサイズです。
数字を変えると、テーブルの大きさは変わります。
緑 は背景画像です。
背景画像は、文字が見やすいものを使って下さいね。
background="背景画像URL" を bgcolor="背景の色"
に変えると、背景は、色にする事が出来ますよ。
★壁紙素材を使用 したテーブル★
ここに文字を書きます。
このテーブルはサイズが指定されています。
</TD></TR> </TABLE></TD> <TD width=" 壁紙を使った部分の太さpx（下） "></TD> </TR><TR><TD></TD> <TD height=" 壁紙を使った部分の太さpx（右） "></TD> <TD></TD></TR></TABLE> </TD></TR></TABLE>
↑の、このタグを見ても、何がなんだかスグには理解出来ないですね。
壁紙画像と、枠の色・背景色を決めて、↓のタグに入れてみて下さい。
ここに文字を書きます。
このテーブルはサイズが指定されています。
</TD></TR></TABLE></TD> <TD width="20px"></TD></TR> <TR><TD></TD><TD height="20px"></TD> <TD></TD></TR></TABLE></TD></TR></TABLE>
★ 見本 １ ★
ここに文字を書きます。
このテーブルはサイズが指定されています。
このテーブルはサイズが指定されています。
説明を書くと長くなります。
とにかく、数字を入れてみたりして、触ってみてください。
スグに理解できますよ～★
テーブルの大きさを変えるときは
width="200px" height="100px" の数値を変えて下さいね
:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:--☆--:・:
★ 見本 ２ ★
↑のタグの bgcolor="背景色 の部分を
background="http://～始まる画像URL に変えてください。
テーブルのサイズは、width="213px" height="170px"に変更しました。
★影つきテーブル★
<TABLE border="0" cellspacing="0" cellpadding="2"> <TR> <TD bgcolor=" テーブルの色 " rowspan="2" colspan="2" valign="top" >
ここに文字
</TD> <TD width="1px" height="3px"></TD> </TR> <TR> <TD bgcolor=" 影の右の部分の色 " width="10px" height="70px"></TD> </TR> <TR> <TD height="5px" width="1"></TD> <TD bgcolor=" 影の下の部分の色 " width="150px" height="10px"></TD> <TD bgcolor=" 影の端角の色 " width="10px" height="10px"></TD> </TR> </TABLE>
ここに文字（見本１）
ここに文字（見本２）
見本１では、
解かり易いように色を変えています。
影の部分は３つのパーツに分かれています。
＜テーブル全体・影の右の部分・影の下の部分・影の端＞
に好きな色を入れてくださいね♪
valign="top" を
valign="center" にすると、
文字は左よりの真ん中に来ます。
valign="bottom" にすると
文字は左よりの下に来ます。
見本２は、
＜影の右の部分・影の下の部分・影の端＞
の陰の部分を同じ色にしています。
valign="top" を
align="center" にすると、文字は中央に来ます。
bgcolor ="テーブルの色"
bgcolor ="影の右の部分の色"
bgcolor ="影の下の部分の色"
bgcolor ="影の端角の色"
↑の bgcolor=" " を background="画像ＵＲＬ" に
替えると、画像テーブルが出来ます。
ここに文字
大して良くないかぁ・・・（爆）
テーブル １ ・ ２ ・ ３ ・ ５ ・ ６ ・ ７
ジャンル別一覧
人気のクチコミテーマ
-
-
- 楽天アフィリエイト♪
- ［楽天市場］ 雑誌 ・ ムック ｜ Ｃ…
- (2025-11-13 20:45:15)
-
-
-
- ブログ更新しました♪
- １１月１３日 記事更新致しました。
- (2025-11-13 20:13:58)
-
-
-
- 3DCG作品
- 続・初めての飛行機プラモ １７
- (2025-11-09 06:30:05)
-
© Rakuten Group, Inc.
