HTML5&css3の参考書で勉強中です。<div id="selct">に背景を設定しているんですが、
一向にうまく表示できません。cssで以下のようにしているんですが、どこが悪いのか
教えてください。お願いいたします。
#select {
background-color: #aca691;
padding: 5px;
font-size: 16px;
}
//menue-193p.html <!DOCTYPE> <html> <head> <meta charset="utf-8" /> <title>Osteria Grazie[イタリア料理の店]</title> <link href="menu-193p-b.css" rel="stylesheet"> </head> <body> <div id="contents"> <h1>Menu</h1> <div id="selct"> <a href="#select1">屋台のコース</a> : <a href="#select2">郷土料理のコース</a> : <a href="#select3">アラカルト</a> </div> <div class="menu-box"> <h2 id="selct1">屋台のコース Cucina Volante</h2> <p><img src="images/photo1.jpg" width="150" height="170" alt="屋台のコースの写真" class="photo"> 前菜の盛り合わせ<br /> パスタ料理 手長海老のリングィーネ 他18種類<br> メイン料理 本日のお魚 メッシーナ風<br> または 無菌豚ヒレ肉とパンチェッタ<br> デザートとお飲物 赤オレンジのゼリー 他<br> ¥3,800<br> <span class="menu">夕方、ひと仕事を終えた漁師たちが集まる所と言えば屋台!どいつもこいつもうまそうに食べている。イタリアのどこの街にもある、そんな海辺の屋台で食べた料理は格別においしかった。シンプルでダイナミックな料理をここで再現したいと思います。</span> </p> </div> <div class="menu"> <h2 id="selct2">郷土料理のコース Cucina Locale</h2> <p><img src="images/photo2.jpg" width="150" height="170" alt="郷土料理のコース" class="photo"> 前菜の盛り合わせ<br> 本日の前菜<br> 本日のお魚 蛤のスープ仕立て<br> パスタ料理 カラスミのスパゲッティーニ 他18種類<br> 肉料理 猪肉のグリル 季節の野菜添え 他2種類<br> デザートとお飲物 さとう錦のカラメレーゼ<br> ¥5,800<br> <span class="menu">食いしん坊の国の人々に愛され、世代を超えて伝承されるイタリアの郷土料理。それぞれの土地に代表的な、季節の味を堪能する料理をご紹介いたします。お喋りとワインをお伴に、夕食にたっぷり時間をかけるイタリア人のように、たくさんの皿数のお料理をどうぞゆっくり楽しんでください。</span> </p> </div> <div class="menu-box"> <h2 id="selct3">アラカルト Alla Carta</h2> <p><img src="images/photo3.jpg" width="150" height="170" alt="アラカルト" class="photo" /> リグーリア風カポナータ ¥800<br> バーニャ・カウダ ¥1100<br> サンダニエーレ産生ハムのサラダ ¥1100<br> 緑野菜とフルーツトマトのサラダ ¥700<br> 手長海老のリングイーネ ¥1900<br> イカスミのスパゲッティーニ ¥1500<br> ポモドーロ(トマトソース) ¥1100<br> <span class="menu">単品からのご注文も承ります。「きょうはパスタをたくさん食べたい!」「思いっきりワインを飲みたいから、料理は軽く」「おいしいお肉(魚)が食べたいな~」など、ご気分に合わせた組合せでどうぞ。</span> </p> </div> <div id="gotop"> <a href="index.html">Topページにもどる</a> </div> </div> </body> </html> // menue-193p.css @charset "utf-8"; body { text-align: center; color: #666666; background-image: url(images/back.png); } #contents { margin-right: 50px; margin-left: 50px; } #select { background-color: #aca691; padding: 5px; font-size: 16px; } h1 { font-size: 36px; color: #943434; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 15px; } h2 { font-size: 18px; color: #ffffff; background-color: #71b017; margin-bottom: 0; padding-top:5px; padding-bottom: 5px; } p { font-size: 14px; text-align:left; background-color: #ffffff; line-height: 150%; margin-top: 0; padding: 20px; } img.photo { float: left; margin-right: 20px; margin-bottom: 10px; } span.menu { clear:left; display: block; } #gotop { font-size: 14px; border-top: dotted #aca691 4px; padding-top: 15px; margin-bottom: 20px; }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/26 07:40
2019/02/26 07:45
退会済みユーザー
2019/02/26 08:33