疑似要素で画像が表示されない

Question

プログラミングの講座でcssの勉強をしています。
今ちょうど疑似要素のところで分からないことがあるので教えていただきたいです。

下記コードで画像が表示されないです。
講座のコードは何度も確認したので、間違っていないはずです。

h1{
position: relative;
}

h1::before {
content: "柴";
color: brown;
font-size: 50px;
}

h1::after{
content: "";
background: url(shibainu.jpg)；
background-size: contain;
width: 100px;
height: 60px;
position: absolute;
top: 0;
right: 0;
}

色々と自分で調べたんですが、、
ここから先に進めないので、どなたかご教授ください、お願いします。

Answer 1

• このCSSと同じディレクトリに shibainu.jpg を置く必要があります。
• background: url(shibainu.jpg)； 最後の文字を全角 ； から半角 ; に直しましょう

Comments

[kaorand]

ご回答ありがとうございます。
background: url(shibainu.jpg)；→background: url(shibainu.jpg);と全角から半角に変更したんですが、画像はまだ表示されないです。
ディレクトリも同じshibainu.jpgです。
保存先が間違っているとかでしょうか？；
プログラミングの勉強は始めたばかりで、疎くてすみません。