上の左側にロゴ、右側にメニューを作りたいのですが、CSSのどこにそれを書いたら良いのかがわかりません。
html、cssともに今の書き方でおかしいところをご指摘いただきたいです。
Meフォルダの中にmask.png vol.html vol.cssがあります
<body> <div class="wrapper"> <header> <div class="navbar"> <div class="logo"> <p>LogoLOGO</p> <p>コスメです。</p> </div> <div class="grobal-nav"> <ul> <li>About</li> <li>Staff</li> <li>Menu</li> <li>Blog</li> <li>Access</li> </ul> </div> </div> </header>
css
.wrapper { background-image:url("mask.png"); width: 1280px; height: 806px; background-size: cover; } .nevbar { display: flex; justify-content: space-between; } .logo { color: white; } .nevbar ul{ display: flex; list-style: none; } .navbar li { margin-left: 2rem; }
回答2件
あなたの回答
tips
プレビュー