今、リンク内容このサイトの模写を行なっているのですが、ブラウザと背景画像の周りに小さな隙間ができてしまいます。隙間を消すためにはどうすれば良いでしょうか?
それと、右にあるメニューを見本通りに配置するにはどうすれば良いでしょうか?合わせてご回答お願いいたします。
<html> <head> <meta chaset="utf-8"> <title>PAS_POL</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header class="header"> <div class="header-logo"> <img src="img/siteLogo-pc@2x.png" class="logo"> </div> <div class="header-list"> <ul> <a href="#"><li>TOP</li></a> <a href="#"><li>PRODUCT</li></a> <a href="#"><li>ABOUT</li></a> <a href="#"><li>NEWS</li></a> <a href="#"><li>CONTACT</li></a> </ul> </div> </header> <main> <div class="travel-container"> <div class="text"> </div> </div> <div class="product"></div> <div class="news"></div> <div class="share"></div> <div class="footer-buttom"></div> </main> <footer></footer> </body> </html> コード
body{ list-style: none; } .header{ height:790px; background-image: url("../img/main_visual_7-0x0.jpg"); width:100%; } .logo{ width:226px; height:72px; margin:50px 336px 0 100px; float:left; } .header-list{ float:right; } .header-list li{ color:white; float:left; margin-right: 25px; list-style: none; font-size:14px; } .travel-container{ height:916px; background-color:rgb(157, 56, 26) ; } .product{ height:1257px; background-color: rgb(21, 167, 35); } .news{ height:2193px; background-color:rgb(40, 49, 175) ; } .share{ height:116px; background-color:rgb(227, 22, 139) ; } .footer-buttom{ height:87px; background-color:rgb(51, 20, 9) ; } footer{ height:159px; background-color:rgba(26, 66, 51, 0.63) ; } コード
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。