Q&A
バッククオート3つの前後には改行を入れてください。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
CSSのbackground-colorだけが反映されません。
どうすれば反映されますか。ご教授願います。
lang
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>サンプルページ</title> 6<link href="css/style.css" rel="stylesheet"> 7</head> 8<body> 9 10 <!-- header始まり --> 11 <header> 12 <div class="logo"> 13 <a href="index.html"><img src="images/logo.png" alt="SNAPPERS"></a> 14 </div> 15 <nav> 16 <ul class="global-nav"> 17 <li><a href="portfolio.html">Portfolio</a></li> 18 <li><a href="about.html">About</a></li> 19 <li><a href="contact.html">Contact</a></li> 20 </ul> 21 </nav> 22 </header> 23 <!-- header終わり --> 24 25 <!-- wrap始まり --> 26 <div id="wrap"> 27 <div class="content"> 28 29 </div> 30 </div> 31 <!-- wrap終わり --> 32 33 <!-- footer始まり --> 34 <footer> 35 <small>(C)2017 Hattori-studio.</small> 36 </footer> 37 <!-- footer終わり --> 38</body> 39</html>
lang
1@charset "utf-8" 2 3/* ブラウザの規定スタイルの解除 始まり */ 4body { 5 margin: 0; 6 padding: 0; 7 background-color: #cccccc; 8 color: #333333; 9 font-size: 15px; 10 line-height: 2; 11} 12 13p,h1,h2,h3,h4,h5,h6 { 14 margin-top: 0; 15} 16 17img { 18 vertical-align: bottom; 19} 20 21ul { 22 margin: 0; 23 padding: 0; 24} 25 26a { 27 color: #3583aa; 28} 29 30a:visited { 31 color: #788d98; 32} 33 34a:hove { 35 text-decoration: underline; 36} 37/* ブラウザの規定スタイルの解除 終わり */ 38 39 40header { 41 width: 960px; 42 height: 100px; 43} 44
修正しました！あと、解決しました！ありがとうございます！
こちらの環境では変更／修正が確認できませんでした。すみませんが、もう一度確認してもらえませんか？最近teratailで修正が保存されない事がたまにあるようなので･･･。
もう一度修正しました！多分、teratailのバグでしょうね。。
修正／編集ありがとうございます！
いえいえ！こちらこそ一緒に考えようとしてくださってありがとうございました！
回答1件
0
ベストアンサー
投稿2018/07/28 07:34
総合スコア181
あなたの回答
tips
プレビュー
