質問編集履歴

1

マークダウン タグ変更 scss追加

2020/07/04 01:03

投稿

note1
note1

スコア1

test CHANGED
File without changes
test CHANGED
@@ -20,13 +20,103 @@
20
20
 
21
21
 
22
22
 
23
+ ```scss
24
+
25
+ nav {
26
+
27
+ ul {
28
+
29
+ display: flex;
30
+
31
+ justify-content: space-around;
32
+
33
+
34
+
35
+ li {
36
+
37
+ display: inline-block;
38
+
23
- ### 該当のソースコード
39
+ height: 70px;
40
+
41
+ width: 100%;
42
+
43
+ }
44
+
45
+ a {
46
+
47
+ background-image: linear-gradient(rgb(156, 227, 225) 0%, rgb(108, 198, 196) 100%);
48
+
49
+ :hover {
50
+
51
+ background-image: linear-gradient(rgb(108, 198, 196) 0%, rgb(156, 227, 225) 100%);
52
+
53
+ }
54
+
55
+ display: flex;
56
+
57
+ flex-direction: column;
58
+
59
+ border-right: #71c9c7 solid 1px;
60
+
61
+ border-left: #99e1df solid 1px;
62
+
63
+ border-top-right-radius: 200px 2px;
64
+
65
+ display: block;
66
+
67
+ height: 100%;
68
+
69
+ color: rgb(255, 255, 255);
70
+
71
+ }
72
+
73
+ :hover {
74
+
75
+ color: hsl(178, 100%, 88%);
76
+
77
+ }
78
+
79
+ .navja {
80
+
81
+ display: block;
82
+
83
+ height: 20px;
84
+
85
+ line-height: 20px;
86
+
87
+ text-align: center;
88
+
89
+ font-weight: bold;
90
+
91
+ }
92
+
93
+ .naven {
94
+
95
+ display: block;
96
+
97
+ height: 15px;
98
+
99
+ line-height: 15px;
100
+
101
+ text-align: center;
102
+
103
+ font-size: 77%;
104
+
105
+ font-weight: bold;
106
+
107
+ }
108
+
109
+ }
110
+
111
+ }
112
+
113
+ ```
24
114
 
25
115
 
26
116
 
27
117
  ```html
28
118
 
29
- <div class="navi">
119
+ <nav>
30
120
 
31
121
  <!-- ナビゲーション ここから -->
32
122
 
@@ -48,4 +138,6 @@
48
138
 
49
139
  <!-- ナビゲーション ここまで -->
50
140
 
51
- </div>
141
+ </nav>
142
+
143
+ ```