背景に画像(壁紙)/HTMLタグ素材集

背景全体に画像

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY background="画像ＵＲＬ">

・スタイルシートのみで指定

BODY {
background-image:url(画像ＵＲＬ);
}

背景の画像を固定する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY background="画像ＵＲＬ" bgproperties="fixed">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-attachment:fixed; 
}

背景の画像を左端だけに一列表示する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-y;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-y;
}

背景の画像を左端だけに一列表示して固定する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-y;background-attachment:fixed;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-y;
background-attachment:fixed;
}

背景の画像を右端だけに一列表示する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-y;background-position:right;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-y;
background-position:right;
}

背景の画像を右端だけに一列表示して固定する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-y;background-attachment:fixed;background-position:right;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-y;
background-attachment:fixed;
background-position:right;
}

背景の画像を上部だけに一列表示する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-x;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-x;
}

背景の画像を上部だけに一列表示して固定する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-x;background-attachment:fixed;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-x;
background-attachment:fixed;
}

背景の画像を下部だけに一列表示する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-x;background-position:bottom;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-x;
background-position:bottom;
}

背景の画像を下部だけに一列表示して固定する

○サンプルページを表示するにはここをクリック♪○

・BODYタグに指定

<BODY style="background-image:url(画像ＵＲＬ);background-repeat:repeat-x;background-attachment:fixed;background-position:bottom;">

・スタイルシートのみで指定

BODY { 
background-image:url(画像ＵＲＬ); 
background-repeat:repeat-x;
background-attachment:fixed;
background-position:bottom;
}

テーブルに背景をつける

画像に文字が乗せられます

<Table border="0" style="background-image:url(画像ＵＲＬ);width:100;height:100;">
<Tr><TD>
画像に文字が乗せられます
</Td></Tr>
</Table>

<div>タグに背景をつける

画像に文字が乗せられます

<div style="background-image:url(画像ＵＲＬ);width:100;height:100;">
画像に文字が乗せられます
</div>

テキストボックスに背景をつける

スクロールすると画像が連続するよ。
スクロールすると画像が連続するよ。
スクロールすると画像が連続するよ。

<TEXTAREA class="tb" ROWS=2 COLS=70 readonly style="background-image:url(画像ＵＲＬ);width:100;height:100;">
テキストボックス内
</TEXTAREA>