背景画像を２枚使う方法

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
html{
	background-image    : url("../img/smp.gif");
	background-repeat   : repeat-y;
	background-position : left;
}
body{
	background-color    : transparent;
	background-image    : url("../img/smp.gif");
	background-repeat   : repeat-y;
	background-position : right;
	height              : 100%;
}
-->
</style>
</head>
<body>

</body>
</html>

解説

表示サンプルを見たい方は以下をクリックして下さい（別窓でサンプルが表示されます）。

サンプルはこちら

上記の例のようにHTMLとBODYの両方に背景を指定することによって、見た目の背景画像を二つ指定することができます。