質問編集履歴

1

修正

2021/01/13 05:33

投稿

ayuayuayu
ayuayuayu

スコア68

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
 
20
20
 
21
- ul class="menu">
21
+ <ul class="menu">
22
22
 
23
23
  <li class="menu__item">
24
24
 
@@ -36,15 +36,13 @@
36
36
 
37
37
  <a href="">受信メール</a>
38
38
 
39
-
40
-
41
-       </li>
39
+ </li>
42
40
 
43
41
  </ul>
44
42
 
45
43
  </li>
46
44
 
47
-
45
+ </ul>
48
46
 
49
47
  <script>
50
48
 
@@ -78,4 +76,112 @@
78
76
 
79
77
  ```
80
78
 
79
+ ここからcssです
80
+
81
+
82
+
83
+ ```ここに言語を入力
84
+
85
+ .menu {
86
+
87
+ width:100%;
88
+
89
+ padding-left:0px;
90
+
91
+ margin-top:3px;
92
+
93
+ }
94
+
95
+ .menu__item {
96
+
97
+ background:#009FFF;
98
+
99
+ color: #fff;
100
+
101
+ cursor: pointer;
102
+
103
+ display: block;
104
+
105
+ margin-bottom: 3px;
106
+
107
+ }
108
+
109
+ .menu__item a{
110
+
111
+ text-decoration: none;
112
+
113
+ }
114
+
115
+ .menu__item li{
116
+
117
+ list-style:none;
118
+
119
+ }
120
+
121
+ .menu__item__link {
122
+
123
+ color:#000;
124
+
125
+ display: block;
126
+
127
+ line-height: 60px;
128
+
129
+ padding: 0 1rem;
130
+
131
+ position: relative;
132
+
133
+ }
134
+
135
+ .menu__item__link:after {
136
+
137
+ background:#009FFF;
138
+
139
+ content: '\f067';
140
+
141
+ font-weight: 900;
142
+
143
+ display: block;
144
+
145
+ font-family: "Font Awesome 5 Free";
146
+
147
+ line-height: 60px;
148
+
149
+ position: absolute;
150
+
151
+ right: 0;
152
+
153
+ text-align: center;
154
+
155
+ top: 0;
156
+
157
+ width: 60px;
158
+
159
+ }
160
+
161
+ .menu__item__link.on:after {
162
+
163
+ content: '\f068';
164
+
165
+ }
166
+
167
+
168
+
169
+ .submenu {
170
+
171
+ background: #fff;
172
+
173
+ display: none;
174
+
175
+ }
176
+
177
+ .submenu__item {
178
+
179
+ border-bottom: 1px solid #009FFF;
180
+
181
+ color:#000;
182
+
183
+ padding: 1rem;
184
+
185
+ }
186
+
81
187
  ```