質問編集履歴
1
具体性の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1 +1,19 @@
|
|
1
1
|
擬似要素afterによって、リンクの後ろに画像のアイコンをつけられるそうなのですが、ブラウザに表示させてみるとアイコンではなく画像そのものが表示されてしまいます。なにがまずいのでしょうか?
|
2
|
+
|
3
|
+
<修正>
|
4
|
+
|
5
|
+
<style>
|
6
|
+
|
7
|
+
a[target="_blank"]::after {
|
8
|
+
|
9
|
+
content: url(拡張子がpngのファイル);
|
10
|
+
|
11
|
+
}
|
12
|
+
|
13
|
+
</style>
|
14
|
+
|
15
|
+
...
|
16
|
+
|
17
|
+
<a href="リンク" target="_blank">...</a>
|
18
|
+
|
19
|
+
とした時に、 ...の後ろに小さな四角のアイコンが出るはずなのですが、とても大きなサイズの画像がそのまま表示されてしまいます。本にはアイコンが出ると書いてあったのですが、、
|