質問編集履歴

1

fill color の部分とidを削除しました。文法チェックも済んでいます。

2022/04/18 06:50

投稿

unkochantoboku
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: hover {
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
- <svg version="1.1" id="hamburger" 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">
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
- ```