質問編集履歴
1
fill color の部分とidを削除しました。文法チェックも済んでいます。
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,7 +3,6 @@
|
|
3
3
|
なぜか全くわかりません。教えてくださいm(_ _"m)
|
4
4
|
参考サイト:https://tsuchippo.com/htmlcss-svgcolor
|
5
5
|
```HTML
|
6
|
-
|
7
6
|
<!DOCTYPE html>
|
8
7
|
<html lang="en">
|
9
8
|
<head>
|
@@ -12,6 +11,9 @@
|
|
12
11
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
13
12
|
<title>svg画像の色を変えるよ</title>
|
14
13
|
</head>
|
14
|
+
|
15
|
+
|
16
|
+
|
15
17
|
<style>
|
16
18
|
.hamburgerbox {
|
17
19
|
width: 300px;
|
@@ -23,7 +25,7 @@
|
|
23
25
|
text-align: center;
|
24
26
|
cursor: pointer;
|
25
27
|
}
|
26
|
-
.hamburgerbox:
|
28
|
+
.hamburgerbox:hover {
|
27
29
|
color: #ffbc0d;
|
28
30
|
background-color: #fff;
|
29
31
|
}
|
@@ -42,7 +44,8 @@
|
|
42
44
|
<div class="hamburgerbox">
|
43
45
|
<!--?xml version="1.0" encoding="utf-8"?-->
|
44
46
|
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
45
|
-
|
47
|
+
|
48
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 256px; height: 256px; opacity: 1; user-select: auto;" xml:space="preserve">
|
46
49
|
<style type="text/css" style="user-select: auto;">
|
47
50
|
.st0{fill:#4B4B4B;}
|
48
51
|
</style>
|
@@ -65,7 +68,11 @@
|
|
65
68
|
</g>
|
66
69
|
</svg>
|
67
70
|
</div>
|
71
|
+
|
72
|
+
|
73
|
+
|
68
74
|
</body>
|
75
|
+
|
76
|
+
|
77
|
+
|
69
78
|
</html>
|
70
|
-
|
71
|
-
```
|