検索サーチエンジンと動画リンク集byねっとねこ

テーブルの枠線部分に画像を表示させるタグ。tableタグ

枠線部分にだけ画像を表示させて、テーブルを可愛く飾るタグの紹介


テーブルの内径枠を画像で可愛く飾るタグの説明

テーブルのバック画像(壁紙)の紹介は よくありますが
ここでは、それを応用して、内径の枠線をバック画像で飾って
表示させるタグの使い方を説明紹介します。

バック画像には 小さなコレをつかいます。→

ハートの動画の枠線です。
ちょっと、おしゃれなテーブルです。

こんなかんじで、枠線部分にだけ 画像が表示されるようにします。
この上のテーブルのタグです。
エリア内で 右クリック→ コピー

バック画像に選んだ、動画 GIFは、縦横 11px です。
先ず、この動画を テーブルのバックに指定します。
<table 内の background="hs-pink.gif" この部分です。

cellspacing="11" 内径の枠線の幅を 画像の幅と同じにします。

cellpadding="0" 内径のマージンは 0 にしています。
この数値を入れると、内径のバック画像のズレを直すのが
複雑なテーブルにした場合、大変です。 (^^;

width="342" height="120" テーブルの大きさを先に決めます。
このサイズは、最初は おおまかでかまいませんが、下と左側に
画像表示のズレが生じるので、そのズレを最後に微調節します。
ズレとは、下のような感じのことです。

ハートの動画の枠線です。
ちょっと、おしゃれなテーブルです。

使用するバック画像のサイズにより、最初は こうしたズレがでます。
width= height= の数値を微調節して、きれいに表示させます。

<td width="100%" bgcolor="#ffffff" align="center">
td 内の bgcolor= を指定します。 bgcolor を指定しないと、動画が枠線になりません。 バックの色は、任意です。

いろんなバック画像で ユニークな枠線のテーブルを作って
みましょう! 慣れると、テーブル素材を使うより簡単ですよ!!

おまけ。。 コレを使うと→ 

大きめのハートの動画を枠にしてみました!


おしまい。。。








Copyright © 2008 - 2009 ねっとねこ Net-NekoProduction. All Rights Reserved.アクセスランキング