Q&A
・icon とは 「hana.jpg」の事ですか？
・yesの場合、hana.jpg は htmlと同じディレクトリに存在しますか？
質問に記載ください。
今模写をしているのですが、iconが表示されなくて困っています。
コードは以下の通りです。
html
1<DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="style.css"> 6 <title>もしゃもしゃします</title> 7 </head> 8 <body> 9 <div class="example"> 10 <img src="hana.jpg"> 11 <i class="fab fa-accusoft"></i> 12 <p>SUNSET</p> 13 14 </div> 15 </body> 16</html> 17
css
1.example { 2 position: relative; 3} 4 5i { 6 position: absolute; 7 top: 50%; 8 left: 50%; 9 transform: translate(-50%,-50%); 10 margin: 0, 11 margin: 0; 12 color: white; 13 font-size: 60px; 14} 15 16.example p { 17 position: absolute; 18 color: black; 19 font-weight: bold; 20 font-size: 5em; 21 font-family: sans-serif; 22 top: 50%; 23 left: 50%; 24 transform: translate(-50%,-50%); 25 margin: 0; 26 padding: 0; 27} 28 29.example img { 30 width: 100%; 31} 32 33
アドバイスよろしくお願いします。
なんのiconのはなしでしょうか
回答2件
0
header内に
<link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet"> を追記されて下さい。 それで一度お試し下さい。 如何でしょうか？投稿2020/12/11 01:12
総合スコア563
0
自己解決
headタグにCDNを貼り付けたら解決できました。
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> ありがとうございました。投稿2020/12/11 01:08
総合スコア1
あなたの回答
tips
プレビュー
