タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

背景

 

 
背景

背景色を指定する   ↓

<body>タグにbgcolor属性でページの背景色を指定します

<body bgcolor="★"></body>
 

サンプル

	<html>
<head>
<title>ホームページを作ろう</title>
</head>
<body bgcolor="yellow">
<p>
背景色を yellow (#fff00) に指定しました
</p>
</body>
</html>
 

このページの上へ

 

背景画像を指定する   ↓

背景に画像を使う時は、<body>タグの
background 属性で画像ファイルを指定します
読み込んだ画像は連続して表示されます

<body background="★"></body>
 
<body background="画像の URL"></body>
サンプル画像例:左の画像を背景に指定すると・・・

 
※指定した画像の色によっては、テキストが読みにくいことがあるので画像に合わせてテキストの色を変えましょう

このページの上へ

 
背景画像を固定する   ↓

通常は、画面をスクロールすると背景画像も一緒にスクロールしますが、
Internet Explorer では bgproperties="fixed"を指定すると、
画像は固定されてスクロールしません

<body background="★"bgproperties="fixed"></body>
 
<body background="画像の URL"bgproperties="fixed"></body>
 

サンプル

このページの上へ

 

背景画像の位置を指定する   ↓

<head></head>内に記述
通常、読み込んだ画像は連続して表示されますがbgproperties-repeatで画像表示位置を指定をします

bgproperties-repeat:★
 
<style type="text/css">
<!--
body 
{
background-image:url(画像のURL); 
background-repeat:repeat-y; 
background-attachment:fixed;
}
-->
</style>
 

repeat・・・画像を連続して表示
repeat-x・・・横方向に繰り返し表示
repeat-y・・・縦方向に繰り返し表示
no-repeat・・・繰り返さずにその画像のみを表示

 

サンプル




このページの上へ

 

オンマウスで背景色を変える   ↓

素材屋さんなどでよく使われているものです
カーソルをボタンに重ねると背景色が変わります

<input onmouseover="document.bgColor='red'" type="button" value="赤">
<input onmouseover="document.bgColor='blue'" type="button" value="青">
<input onmouseover="document.bgColor='yellow'" type="button" value="黄">
 

サンプル

このページの上へ

 

ページ全体に枠をつける   ↓

ページ全体を枠で囲みます

<body style="border:枠の幅 solid 枠の色"><body>
 
<body style="border:50 solid blue"><body>
 

サンプル

このページの上へ

 

ページ全体を半透明にする   ↓

<head></head>内に記述

<style type="text/css">
<!--
body {filter: Alpha(opacity=0〜100迄の数字);}
-->
</style>
 
※0(透明)〜数字が大きくなるにつれ、不透明になる
 

サンプル

 

このページの上へ