質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Q&A

0回答

303閲覧

ヘッダーの部分に写真を入れて、その上に字を書きたいです

yurikamome

総合スコア0

Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

0グッド

0クリップ

投稿2022/02/17 13:46

ヘッダーの部分に画像を挿入して、その画像の上に”らくらくオンライン”という文字を書きたいのですが、うまくできません。元々、授業でホームページを作ることになったので先生が作ったものを変えていって自分のものをつくる形であるため、どういう仕組みでどうなっているかわかっていない部分もあります。ですので、詳しく教えていただけるとありがたいです。ちなみに今現在、ヘッダーは黒色の背景になっています

<html> <head> <title>課題</title> <meta charset="utf-8"> <style> /* コンテナ */ .container { border:solid; /* マージンで中央寄せ */ margin-right: auto; margin-left: auto; /* 最大幅 */ max-width: 960px; height:auto; } /* ヘッダ */ .header{ width:100%; height:100px; color:white; text-align:center; background-color:black; } /* 中央のボックス */ .main{ width:auto; height:500px; background-color: gray; } .left{ width:30%; min-height:100%; background-color: white; float:left; } .right{ width:70%; min-height:100%; background-color: #ffffdd; float:left; } /* フッター */ .hooter{ clear:both; width:100%; height:auto; background-color: #006600; color:white; text-align:center; } div{ box-sizing:border-box; font-size: 20px; /* border:solid; */ } h1{ margin:0px 0px 0px 0px; padding: 20px; filter:drop-shadow(0 0 5px white); } </style> </head> <body> <!-- コンテナで全体ラップ --> <div class="container"> <!-- ヘッダ --> <div class="header"> <h1>らくらくオンライン</h1> </div> <!-- 真ん中を包む箱 --> <div class="main"> <!-- 左のエリア   --> <div class="left">   <h4>◎教科名</h4> </div> <!-- 右のエリア --> <div class="right">   <h4>Bパート(幅50%)</h4> </div> </div> <!-- フッター --> <div class="hooter"> hooter </div> <!-- コンテナの閉じdiv --> </div> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問