■背景画像を左端のみに並べる
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body
{
background-color: #画像以外の背景色;
background-image:url(画像のURLを記述);
background-repeat:repeat-y;
background-attachment:fixed;
}
-->
</style>
---------------------------------------
■背景画像を左端のみに並べる
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body
{
background-color: #画像以外の背景色;
background-image:url(画像のURLを記述);
background-repeat:repeat-y;
background-position: right;
background-attachment:fixed;
}
-->
</style>
---------------------------------------
■背景画像を上のみに並べる
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body
{
background-color: #画像以外の背景色;
background-image:url(画像のURLを記述);
background-repeat:repeat-x;
background-attachment:fixed;
}
-->
</style>
---------------------------------------
■背景画像を下のみに並べる
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body
{
background-color: #画像以外の背景色;
background-image:url(画像のURLを記述);
background-repeat:repeat-x;
background-position: bottom;
background-attachment:fixed;
}
-->
</style>
---------------------------------------
■背景画像を中央に一つ配置
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body{
background-color: #画像以外の背景色;
background:url(画像のURLを記述) no-repeat fixed center center;
}
-->
</style>
---------------------------------------
■背景画像を右下に一つ配置
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body{
background-color: #画像以外の背景色;
background:url(画像のURLを記述) no-repeat fixed right bottom;
}
-->
</style>
---------------------------------------
■背景画像を左上に一つ配置
<head>から</head>間に記述
タグソース
---------------------------------------
<style type="text/css">
<!--
body{
background-color: #画像以外の背景色;
background:url(画像のURLを記述) no-repeat fixed;
}
-->
</style>
---------------------------------------
■背景画像を決めた位置に配置する
<head>から</head>間に記述
no-repeat fixed 100px 300px
100→左端からの位置の数値
300→上からの位置の数値
タグソース
---------------------------------------
<style type="text/css">
<!--
body{
background-color: #画像以外の背景色;
background:url(画像のURLを記述) no-repeat fixed 100px 300px;
}
-->
</style>
---------------------------------------