Q&A
コードはマークダウンのcode機能を利用してご提示ください
https://teratail.com/help#about-markdown
pタグが表示されません。原因を教えてください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Dotinstall Paneを使ってみよう</title> <link rel="icon" href="favicon.ico"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <h1>DotInstall Pane</h1> <p> ドットインストールを見ながら<br> コーディングができるAtomパッケージ </p> <a href="#" target="_blank">詳細を見る</a> </header> </body> </html>body {
font-size: 16px;
font-family: Verdana, sans-serif;
color: #333;
}
header {
color: #fff;
background: url(../img/bg.png);
background-size: cover;
}
あと「bodyの部分が表示されません」とはどういう状態でしょうか。
現象を具体的に記載してください。
※私の手元では表示はされてます。どんな画像を使われてるか分からないので適当に当ててますが。あとheader内の文字がCSS指定通り白いですが
すいません。解決しました！
せめてコードの対応と「何が起きているか」だけでも質問編集して対応してください。
※できれば自己解決回答を書く前にご対応願います。
回答1件
0
ベストアンサー
文字の色が白になってぃるので、背景と文字が同化した結果、pタグがみえないだけぢゃないでしょぅか。。。？
CSS
1header { 2color: #000; 3background: url(../img/bg.png); 4background-size: cover; 5}
投稿2019/06/23 13:06
総合スコア70
bg.png次第ですね（暗めの画像なら文字色白でもおかしくないので）。画面キャプチャがほしいところです。
違う問題かもしれなぃのですが、同じょぅな質問がぁりましたので、ぃちぉう回答してぉきます。。。。
https://teratail.com/questions/196604
あなたの回答
tips
プレビュー
