![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
いつもお世話になっております。
ホームページビルダーで、サイトの背景に無料素材サイトの画像を設定したいのですが、
素材サイトで画像を右クリックして「名前をつけて保存」し、
ホームページビルダーで背景設定で「参照」で「マイピクチャ」の当該画像を設定したのですが、
アップされると、同じ画像が縦横にいくつもでてしまいます。
背景用として紹介されている画像なんですが、全面ではなく右側だけに画像がある図です。
つまり、HP上に複数の枠ができてる状態です。
レンガやリボンといった背景画像であればいくつも連なっても不自然ではにないのですが、
画像の中に一つの絵だけがある背景画像を設定するのはどうすればいいのでしょうか?
説明書を読んでも載っていなくて。
ご存知の方、教えてください。
よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
■回答
スタイルシートを使用します。
以下のタグをHEAD間に記入してください。
</STYLE>
<STYLE type="text/css">
<!--
BODY {
background-color: white←背景色;
background-image: url("画像の場所");
background-repeat: no-repeat←リピートさせるか;
background-attachment: fixed←スクロールに対応させるか;
background-position: center←画像位置;
}
-->
</STYLE>
※記入の際は←と日本語を消してください。
■解説
background-color:ウェブ全体の背景色となります
background-image:画像の場所を指定します。
background-repeat:リピート機能です。画像が連なるか連ならないようにします。
repeatと記入すると全体に表示。
repeat-xと記入すると横一列に表示。
repeat-yと記入すると縦一列に表示。
background-attachment:スクロールさせたときに動くか動かないかの指定。
scrollと記入すると動きます。
fixedで固定します。
■補足
画像を背景全体に適用することもできますが、貴方がなにを求めるかによります。
ご回答ありがとうございます!!
とても丁寧なご説明で、勉強になりました!
説明書を読むよりわかりやすかったです。
皆様のアドバイスのおかげで見やすく素敵なHPになりそうです。
本当にありがとうございます♪♪
No.3
- 回答日時:
ご回答ありがとうございました。
スタイルシートというものを知らなかったので
とてもためになりました!
どうもありがとうございます♪
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?8acaa2e)
No.2
- 回答日時:
背景として挿入すると、書かれているように画面全体に縦・横繰りかえし、タイル上に並べられます。
>背景用として紹介されている画像なんですが、全面ではなく右側だけに画像がある図です。
できあがりは、画面右側にだけ画像のある背景にしたい、という事でしょうか?
背景画像の固定、ということになります。
下のURL「壁紙(背景画像)を繰り返さないで表示
背景画像を固定して表示」のあたりが参考になると思います。
http://www.wsb.jp/hpb/css/back.htm#02
具体的には、ページの上で右クリック「属性の変更」でスタイルをクリック、BODYタグの編集をクリック、カラーと背景タブで画像を挿入、「水平方向」下のグレー枠クリックして左右中を決め、属性で繰り返し(タイル上にするかしないか)を決めてOKとします。
ご回答ありがとうございました!
さっそくリンク先も飛んで調べてみました。
こんなHPがあったんですね!
どうもありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- 美術・アート デザインについての考察。 なぜ人の脳は、規則正しく連続した要素を「背景」と認識するのか、実験してみま 2 2022/04/11 21:08
- Instagram 至急!画像の背景素材を探しているのですが、知ってる方いますか? この上に文字を入れてSNSにアップし 1 2023/05/14 12:29
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- その他(映画) 背景がギュイーンとズームアウトするズームの名前と撮影方法を知りたい。 1 2023/04/15 16:00
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像をURLに変換(http://××)...
-
直リンOKなアップローダー
-
ズームの相手の画像認識
-
HPが見れたり見れなかったりで...
-
HPへ画像を表示できません!
-
黒背景で画像を固定すると・・・
-
goo簡単HPを作ったのですが…...
-
ホームページのトップページに...
-
画像のアップができません。
-
ジオシティーズでホームページ...
-
画像縮小について!!
-
デスクトップに移動すると自動...
-
筆ぐるめで作った画像の保存の...
-
excelデータをコンマ付きテキス...
-
excelの資料をURL化してweb上に...
-
画像がどうしてもアップロード...
-
問題が発生したため?
-
とにかく重いファイルを相手に...
-
Gooで、簡単無料HPを作成したが…
-
削除した文はもう絶対見ること...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像をURLに変換(http://××)...
-
QRコードをHPに貼り付けたい
-
1億円の札束の画像を探しています
-
他人のIPアドレスを調べること...
-
画像のURL変換
-
オークションでの画像のサイズ...
-
直リンOKなアップローダー
-
ホームページのトップページに...
-
Web拍手の画像が表示されない?!
-
便利な画像アップローダー
-
ホームページビルダーで背景に...
-
HPが見れたり見れなかったりで...
-
リンク先が見つからない場合の...
-
同盟バナーをトップに貼る方法...
-
FC2で直リンクのバナーが表示さ...
-
ズームの相手の画像認識
-
中央にリンク画像をするとリン...
-
個人でHPの大きさ、
-
goo簡単HPを作ったのですが…...
-
萌え.jpの画像が表示されない
おすすめ情報