前提・実現したいこと
どっとインストールで背景画像の設定のコードを入力しているのですが
background-image:
url(../img/header.png);
height: 240px;
としても背景色のピンクがなくなるだけで画像が表示されません
background-size: cover; とすると画像が表示されるのですが
本来の役割である画像の大きさの調整をしてくれません
何故このようなことが起きる原因と対処法を教えていただきたいです
今やっているチャプター
https://dotinstall.com/lessons/basic_css_v4/45209
HTML
<!DECTYPE html><body> <header> <nav> <ul> <li> <a href="index.html"> HOME </a> </li> <li> <a href=about.html> ABOUT </a> </li> </ul> </nav> </header><html lang="ja"> <head> <meta charset=utf-8> <title>太郎のポートフォリオサイト</title> <link rel="icon" href=favicon.ico> <meta name="description" content="太郎のポートフォリオサイトです"> <link rel="stylesheet" href="css/styles.css"> </head>
CSS
header
{
background-color: pink;
text-align: right;
padding:10px;
background-image:
url(../img/header.png);
height: 240px;
} header ul { margin:0px; list-style-type: none; padding-left: 0px; } header a{ display:inline-block; padding: 4px 8px; font-size: 12px; } header li > a{ text-decoration: none; color:inherit; } header li > a:hover{ color:royalblue }
回答2件
あなたの回答
tips
プレビュー