![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
いつもお世話になっております。
ホームページビルダーで、サイトの背景に無料素材サイトの画像を設定したいのですが、
素材サイトで画像を右クリックして「名前をつけて保存」し、
ホームページビルダーで背景設定で「参照」で「マイピクチャ」の当該画像を設定したのですが、
アップされると、同じ画像が縦横にいくつもでてしまいます。
背景用として紹介されている画像なんですが、全面ではなく右側だけに画像がある図です。
つまり、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?5a7ff87)
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://××)...
-
ホームページビルダーで背景に...
-
携帯で閲覧可能な画像をアップ...
-
画像をアップロードしたいのですが
-
萌え.jpの画像が表示されない
-
見えにくい数字を半角で入力し...
-
デスクトップに移動すると自動...
-
スクロールさせないと収まらな...
-
googleやyahooの地図を切り取っ...
-
アウトルックの添付ファイルを...
-
Excelファイルの限界は何MBまで?
-
excelデータをコンマ付きテキス...
-
エクセルでの指数の表示方法を...
-
squid:リクエストされた URL は...
-
Acrobat X Proの背景が点の格...
-
excelの資料をURL化してweb上に...
-
FFFTP.EXEの接続先データは、ど...
-
小さい写真・画像を鮮明に拡大...
-
FFFTPについて
-
自分のPCのファイルをネットワ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像をURLに変換(http://××)...
-
QRコードをHPに貼り付けたい
-
他人のIPアドレスを調べること...
-
Googleの画像検索の結果を消し...
-
「掲載画像の無断転載・複製を...
-
同盟バナーをトップに貼る方法...
-
ツイッターの画像を追加するカ...
-
画像への直リンク禁止とは何で...
-
画像のURL変換
-
黒背景で画像を固定すると・・・
-
グーグルの地図で縮小しないと...
-
画像だけをおけるスペース
-
直リンOKなアップローダー
-
Bフレッツの光回線終端装置の...
-
Yahoo!ジオシティーズ ホーム...
-
著作権・肖像権について・・・
-
Internal Server Errorって何で...
-
クリックしたら他の文字も一緒に
-
画像のファイル名に自分の名前...
-
eBay イーベイ HTML 画像が...
おすすめ情報