質問: 擬似要素afterによって、リンクの後ろに画像のアイコンをつけられるそうなのですが、ブラウザに表示させてみるとアイコンではなく画像そのものが表示されてしまいます。なにがまずいのでしょうか? <修正> ... ... とした時に、 ...の後ろに小さな四角のアイコンが出るはずなのですが、とても大きなサイズの画像がそのまま表示されてしまいます。本にはアイコンが出ると書いてあったのですが、、
回答: contentでサイズを指定することは出来ません。 その本ではもともと小さな画像をアイコンと呼んでいるだけでしょう。 こういう要件には、background-imageを用いる方法が一般的だと思います。