No.1ベストアンサー
- 回答日時:
ライブドアブログの場合、
ブログのカスタマイズで表示されるのがCSSですが
それの
body{
color:#000;
background:#fff;
margin:0;
}
みたいなbodyに関する設定の所で
画像の指定
background-image:url(image.jpg);
繰りかえしの指定
background-repeat:no-repeat;
repeat:全体に敷き詰める
repeat-x:横方向に敷き詰める
repeat-y:縦方向に敷き詰める
no-repeat:繰り返さずに1つだけ表示
画像の位置の指定
background-position:center center;
横位置 縦位置で指定
left:左
right:右
center:中央
top:上
bottom:下
%やpxで指定することもできます。
1つしか指定しなかった場合は、縦位置は省略されたことになり、縦位置はcenterになります。
画像の固定の指定
background-attachment:fixed;
fixed:固定する(スクロールしても位置が変わらない)
scroll:他の内容と一緒にスクロールする
などの指定ができます。
まとめて指定することもできます。
例では既にbackgroudの指定があるので、それを使うと
body{
color:#000;
background:#fff url(image.jpg) center no-repeat;
margin:0;
}
の様になります。
#fffは背景色(background-color)の指定です。
画像の大きさは、指定することはできません。(あらかじめ自分で拡大縮小しておく必要があります。)
x軸(横位置)y軸(縦位置)になります。
細部の位置を指定する必要がなければ、
centerなどの用語で指定することができます。
また、
30% 50%
のようなウインドウサイズによっても指定できます。
数値によっても指定できますが、実際の思う位置になかなかこないかもしれませんので、そういう場合は試行錯誤するしかありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- その他(IT・Webサービス) ロリポップのレンタルサーバーを借りてます。(一般的な安いプラン) 元々はホームページでも作ろうと思っ 1 2023/05/24 19:54
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 差し込み画像にをcssで大きさ指定したい 1 2022/11/23 23:14
- ヤフオク! デスクトップPCをヤフオクやメルカリに出品している人 1 2022/12/05 07:22
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Excel(エクセル) EXCELマクロでandroidタブレットから取りんだJPEGファイルをうまくセルに貼り付けられない 2 2022/07/31 15:03
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
FUJITSUのAndroidスマホです 電...
-
アクセス数 と 訪問者数 の違い...
-
Bloggerを使用している人のブロ...
-
ライブドアブログの新着エント...
-
ライブドアブログ って、Google...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
-
ブログの文章のどこが検索にか...
-
Googleスプレッドシートで期日...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
背景透過の画像を共有した際に...
-
アメーバーブログで余計な空白...
-
HTMLで画像の背景に枠線を付け...
-
FC2ブログ トップ画像につ...
-
livedoorブログのヘッダの変更...
-
楽天ブログのタイトル・カスタ...
-
アメブロ、カスタマイズでタイ...
-
アメブロのタイトル画像にURLを...
-
アメブロのヘッダー画像をクリ...
-
wordからjpg、gif、pngへ
-
tiffのlzw形式とg4形式の違い
-
ネット上のgif形式画像が保存で...
-
WordPressで使用している画像の...
-
パワーポイントをPDFに変換した...
-
CloudflareでSSL化出来るのは良...
-
WordPress。cocoon。に関しまし...
-
男子高校生の裸足画像が載って...
-
WordPressに関しまして。 WordP...
-
白い部分を透明にすることは可...
-
音楽に被せてナレーションをい...
おすすめ情報