質問するログイン新規登録

質問編集履歴

1

css

2020/07/03 21:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -252,4 +252,81 @@
252
252
  }
253
253
  ```
254
254
  以上のホバー分を追加したのですが、うまくいきませんでした。
255
- 間違っていますか?
255
+ 間違っていますか?
256
+
257
+
258
+ ![イメージ説明](c7540ee8aa2a1fd36118aa1b40d67317.png)
259
+
260
+ ```css
261
+ #gnav ul {
262
+ display: table;
263
+ width: 100%;
264
+ table-layout: fixed;
265
+ text-align:center;
266
+ }
267
+
268
+ #menu {
269
+ max-width: 1000px; /* 記事と同じ幅 */
270
+ margin: 0 auto;
271
+ }
272
+
273
+ ul{
274
+ list-style:none;
275
+ margin: 0;
276
+ padding: 0;
277
+ border: 0;
278
+ outline: 0;
279
+ font-size: 100%;
280
+ vertical-align: baseline;
281
+ background: transparent;
282
+ }
283
+
284
+
285
+ #gnav li a{
286
+ display:block;
287
+ position:relative;
288
+ padding: 0;
289
+ color: #fff;
290
+ text-decoration:none;
291
+ margin:0;
292
+ text-align: center;
293
+ font-family: "游ゴシック";
294
+ font-weight: 900;
295
+ }
296
+
297
+ .header-menu{
298
+ text-align; center;
299
+ display: table-cell;
300
+ padding: 0;
301
+ color: #fff;
302
+ text-decoration:none;
303
+ margin:0;
304
+ font-family: "游ゴシック";
305
+ font-weight: 900;
306
+ }
307
+
308
+ #gnav .global-nav >li a{
309
+ font-size'1.5vww;
310
+ font-weight: 900;
311
+ line-height : 2em;
312
+ }
313
+
314
+ #gnav .global-nav >li a{
315
+ font-size'1.5vww;
316
+ line-height : 100em;
317
+ }
318
+
319
+ #gnav .sub-menu {
320
+ display: none;
321
+ }
322
+ #gnav .header-menu:hover .sub-menu {
323
+ display: block;
324
+ background-color: #c0c0c0;
325
+ }
326
+
327
+ #gnav .sub-menu >li a{
328
+ font-size'1.5vww;
329
+ line-height : 100em;
330
+ }
331
+
332
+ ```