質問編集履歴

1

css

2020/07/03 21:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -507,3 +507,157 @@
507
507
  以上のホバー分を追加したのですが、うまくいきませんでした。
508
508
 
509
509
  間違っていますか?
510
+
511
+
512
+
513
+
514
+
515
+ ![イメージ説明](c7540ee8aa2a1fd36118aa1b40d67317.png)
516
+
517
+
518
+
519
+ ```css
520
+
521
+ #gnav ul {
522
+
523
+ display: table;
524
+
525
+ width: 100%;
526
+
527
+ table-layout: fixed;
528
+
529
+ text-align:center;
530
+
531
+ }
532
+
533
+
534
+
535
+ #menu {
536
+
537
+ max-width: 1000px; /* 記事と同じ幅 */
538
+
539
+ margin: 0 auto;
540
+
541
+ }
542
+
543
+
544
+
545
+ ul{
546
+
547
+ list-style:none;
548
+
549
+ margin: 0;
550
+
551
+ padding: 0;
552
+
553
+ border: 0;
554
+
555
+ outline: 0;
556
+
557
+ font-size: 100%;
558
+
559
+ vertical-align: baseline;
560
+
561
+ background: transparent;
562
+
563
+ }
564
+
565
+
566
+
567
+
568
+
569
+ #gnav li a{
570
+
571
+ display:block;
572
+
573
+ position:relative;
574
+
575
+ padding: 0;
576
+
577
+ color: #fff;
578
+
579
+ text-decoration:none;
580
+
581
+ margin:0;
582
+
583
+ text-align: center;
584
+
585
+ font-family: "游ゴシック";
586
+
587
+ font-weight: 900;
588
+
589
+ }
590
+
591
+
592
+
593
+ .header-menu{
594
+
595
+ text-align; center;
596
+
597
+ display: table-cell;
598
+
599
+ padding: 0;
600
+
601
+ color: #fff;
602
+
603
+ text-decoration:none;
604
+
605
+ margin:0;
606
+
607
+ font-family: "游ゴシック";
608
+
609
+ font-weight: 900;
610
+
611
+ }
612
+
613
+
614
+
615
+ #gnav .global-nav >li a{
616
+
617
+ font-size'1.5vww;
618
+
619
+ font-weight: 900;
620
+
621
+ line-height : 2em;
622
+
623
+ }
624
+
625
+
626
+
627
+ #gnav .global-nav >li a{
628
+
629
+ font-size'1.5vww;
630
+
631
+ line-height : 100em;
632
+
633
+ }
634
+
635
+
636
+
637
+ #gnav .sub-menu {
638
+
639
+ display: none;
640
+
641
+ }
642
+
643
+ #gnav .header-menu:hover .sub-menu {
644
+
645
+ display: block;
646
+
647
+ background-color: #c0c0c0;
648
+
649
+ }
650
+
651
+
652
+
653
+ #gnav .sub-menu >li a{
654
+
655
+ font-size'1.5vww;
656
+
657
+ line-height : 100em;
658
+
659
+ }
660
+
661
+
662
+
663
+ ```