![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?5a7ff87)
No.2ベストアンサー
- 回答日時:
CSS部分をお分かりのようですので下記のようにしてみてください。
body{background-image:url(画像ファイルへのリンク);
background-color:画面の背景色;/*これは任意で*/
background-attachment:fixed;
background-position:top left;/*左上の場合(下の例に変更するのはここです)*/
background-repeat:no-repeat;}
他には
background-position:top right;/*右上の場合*/
background-position:bottom left;/*左下の場合*/
background-position:bottom right;/*右下の場合*/
background-position:top center;/*中央上の場合*/
background-position:bottom center;/*中央下の場合*/
background-position:center center;/*画面中央*/
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?5a7ff87)
No.3
- 回答日時:
下記のようにプロパティを半角スペースで区切って、一括指定することも可能です。
#banner {
background : url("*****.jpg") no-repeat fixed center top;
}
こう書くと、指定画像が上端中央に1個だけ位置固定で表示されます(他に背景色指定も可能)。不要なプロパティは省略出来ます。詳しくは下記ページをご覧ください ( ^^
背景の設定を一まとめに行う (TAG-index)
http://www.tagindex.com/stylesheet/page/backgrou …
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_04.png?5a7ff87)
No.1
- 回答日時:
background-repeat:no-repeat;
で繰り返しがなくなります。
中央上に表示したいときは
background-position:top center;
左上なら
background-position:top left;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- その他(IT・Webサービス) ロリポップのレンタルサーバーを借りてます。(一般的な安いプラン) 元々はホームページでも作ろうと思っ 1 2023/05/24 19:54
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
- 画像編集・動画編集・音楽編集 【ブログのサムネイル】画像編集ができるおすすめのフリーソフトありませんか? 2 2022/12/09 17:02
- モニター・ディスプレイ フルHDで作成の動画、画像加工を4Kモニターで見た場合 2 2023/01/03 04:53
- Photoshop(フォトショップ) 写真のサイズ変更 1 2022/08/07 16:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
背景透過の画像を共有した際に...
-
アメブロのヘッダー画像をクリ...
-
ライブドアのブログで、CSSを弄...
-
男子高校生の裸足画像が載って...
-
wordからjpg、gif、pngへ
-
gooのブログで画像を削除したい
-
goo blogでの写真の入れ方
-
他のサイトの画像を自分のサイ...
-
ブログが、あとどのくらい容量...
-
gooブログでの画像の削除
-
jwwからJPEG
-
CD-Rに音源のコピー
-
グーグル・イメージで見つけた...
-
ブログにauの写メをのせたいの...
-
エキサイトブログの画像の削除...
-
PrentScreenで画面をスクリーン...
-
ワードで作成したものをホーム...
-
tiffのlzw形式とg4形式の違い
-
画像を別窓で拡大
-
WordPressに関しまして。 WordP...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
さくらのブログの幅の変更について
-
FC2ブログ トップ画像につ...
-
アメーバーブログで余計な空白...
-
HTMLで画像の背景に枠線を付け...
-
アメブロのタイトル画像にURLを...
-
楽天ブログのタイトル・カスタ...
-
Weblog(ブログ)の背景の変え方
-
gooブログのカスタムレイアウト...
-
アメブロ、カスタマイズでタイ...
-
アメブロトップの画像はどうや...
-
ライブドアのブログで、CSSを弄...
-
画像の加工
-
背景透過の画像を共有した際に...
-
list-styleでの画像CSS設定につ...
-
wordからjpg、gif、pngへ
-
tiffのlzw形式とg4形式の違い
-
ネット上のgif形式画像が保存で...
-
パワーポイントをPDFに変換した...
-
WordPressに関しまして。 WordP...
-
続・7桃の実が熟す直前で腐って...
おすすめ情報