タダでネットでお小遣い〜別館〜

タダでネットでホームページを作ろう！

           ● 大きい文字にする　　● 小さい文字にする

背景

背景色を指定する   ↓

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

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

サンプル

	<html>

	<head>

	<title>ホームページを作ろう</title>

	</head>

	<body bgcolor="tomato">

	<p>

	背景色を tomato（#ff6347） に指定しました

	</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（透明）〜数字が大きくなるにつれ、不透明になる

サンプル

掲示板 | なんでも掲示板 | リンクについて | フォームメール | Copyright (C) タダでネットでお小遣い〜別館〜All Rights Reserved.