Q&A
質問を途中で送信してしまっているか、または、入力内容が反映されていないようです。
編集して、適切な内容に変更してください。
前提・実現したいこと
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答2件
0
以下のように書きますと、HTMLとCSSを使って背景画像を付けられるかと存じます。
ポイント
CSSで、以下のように設定すればよいです。
- background-image: url("背景にしたい画像のパス");
- 背景画像の上に、何か文字なり何なりを被せたいのであれば、以下のように書きます
・背面の要素にposition:relative;
・前面の要素にposition:absolute;
・前面の要素にtop:～～; left:～～;(背面の要素を基準に、どこに前面の要素を設置するかを指定)
サンプルコード
↓コピペで動きます。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<title>Sample</title> 5</head> 6<body> 7 8<div id="image"> 9 <p>あいうえお。これはサンプルです。</p> 10</div> 11 12</body> 13</html> 14 15<style> 16/*CSSを記述*/ 17div{ 18 width:300px; 19 height:300px; 20 position:relative; 21} 22div p{ 23 position:absolute; 24 top:50%; 25 left: 50%; 26} 27div#image{ 28 background-image:url("img1.jpg"); 29 /*ここのファイル名は変更してください。*/ 30 /*ちなみにこの書き方だと、このHTMLファイルと同階層の画像を読み込んでいることになります*/ 31} 32</style>
…っていう感じでよろしかったでしょうか( ^^)
お役に立てましたら幸いです。
よろしくお願いいたします。
投稿2022/01/06 13:55
総合スコア8
0
質問するより検索する方が簡単に探してる答えにたどり着けると思いますが
全く調べてもいないんでしょうか？
webサイトを作成しているんですよね？
↓これでわかりますか？
html
1<div class="bg">1)この要素に背景を指定する</div>
css
1.bg{ 2background:url(表示したい画像のパス);
もしくは
html
1<div style="background:url(表示したい画像のパス)">2)この要素に背景を指定する</div>
投稿2022/01/06 13:48
編集2022/01/06 13:55
総合スコア1128
あなたの回答
tips
プレビュー
