html
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>AwesomeCosmetic</title> 5 <meta charset="utf-8"> 6 <link rel="stylesheet" href="css/stylesheet.css"> 7 </head> 8 <body> 9 <div class="header"> 10 <div class="menu"> 11 <div class="header-title"> 12 <h1>LogoLOGO</h1> 13 <p>コスメです。</p> 14 </div> 15 <div class="header-list"> 16 <ul> 17 <li>About</li> 18 <li>Staff</li> 19 <li>Menu</li> 20 <li>Blog</li> 21 <li>Access</li> 22 </ul> 23 </div> 24 </div> 25 </div> 26 <div class="body"> 27 28 </div> 29 <div class="footer"> 30 31 </div> 32 </body> 33</html> 34
css
1.header { 2 background-image: url('../img/header_img.png'); 3} 4.menu { 5 text-align: right; 6} 7.header-title { 8 position: absolute; 9 left:20px; 10 top:20px; 11} 12.header-list ul li{ 13 list-style: none; 14 display:inline-block; 15}
ファイルパスーーーーーーーー
index.html
css/stylesheet.css
img/header_img.png
ーーーーーーーーーーーーー
headerの背景画像を設定しようと思ったのですが、相対パスで入れても絶対パスで入れても表示されず困っています。
何が違うのでしょうか
kei344さんのご指摘をもとに編集したようですが編集後も解決しないのでしょうか?
回答2件
あなたの回答
tips
プレビュー