[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
右端だけに表示する
下辺だけに表示する
中央に一つ配置する
右下に一つ配置する
左上に一つ配置する
場所を決めて配置する 等
■背景画像を左端のみに並べる
<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>
---------------------------------------
- WIIremote mame setting(06/13)
- iPhone4s for docomo(12/03)
- PSGrade for Rockbox(12/11)
- Xperia Android 2.x Update(09/10)
- Android Applications [Panda Home] 設定(04/22)
- SIMPLE SQUARE(四枠)
⇒超人気のスーパーコピーブランド専門ショップ(09/11) - cep 0.2.4
⇒purchase anastrozole(05/24) - cep 0.2.4
⇒generic anastrozole online(05/20) - cep 0.2.4
⇒buy anastrozole thailand(05/18) - cep 0.2.4
⇒Rapport levitra-generic no remedy(05/16)
▽BLOG PET
▽COUNTER