質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -128,4 +128,96 @@
|
|
|
128
128
|
|
|
129
129
|
</style>
|
|
130
130
|
|
|
131
|
-
```
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
**追記**
|
|
134
|
+
```vue
|
|
135
|
+
<template lang="html">
|
|
136
|
+
<!-- <div id="body">変更点 -->
|
|
137
|
+
<header class="header-container">
|
|
138
|
+
<!-- topへのリンク -->
|
|
139
|
+
<nuxt-link
|
|
140
|
+
to="/"
|
|
141
|
+
class="menu"
|
|
142
|
+
>
|
|
143
|
+
top
|
|
144
|
+
</nuxt-link>
|
|
145
|
+
<!-- 終了 -->
|
|
146
|
+
<!-- aboutへのリンク -->
|
|
147
|
+
<nuxt-link
|
|
148
|
+
to="/about"
|
|
149
|
+
class="menu"
|
|
150
|
+
>
|
|
151
|
+
about
|
|
152
|
+
</nuxt-link>
|
|
153
|
+
<!-- 終了 -->
|
|
154
|
+
<!-- languageへのリンク -->
|
|
155
|
+
<nuxt-link
|
|
156
|
+
to="/language"
|
|
157
|
+
class="menu"
|
|
158
|
+
>
|
|
159
|
+
language
|
|
160
|
+
</nuxt-link>
|
|
161
|
+
<!-- 終了 -->
|
|
162
|
+
<!-- frameworksへのリンク -->
|
|
163
|
+
<nuxt-link
|
|
164
|
+
to="/frameworks"
|
|
165
|
+
class="menu"
|
|
166
|
+
>
|
|
167
|
+
frameworks
|
|
168
|
+
</nuxt-link>
|
|
169
|
+
<!-- 終了 -->
|
|
170
|
+
<!-- worksへのリンク -->
|
|
171
|
+
<nuxt-link
|
|
172
|
+
to="/works"
|
|
173
|
+
class="menu"
|
|
174
|
+
>
|
|
175
|
+
works
|
|
176
|
+
</nuxt-link>
|
|
177
|
+
<!-- 終了 -->
|
|
178
|
+
<!-- contactsへのリンク -->
|
|
179
|
+
<nuxt-link
|
|
180
|
+
to="/contacts"
|
|
181
|
+
class="menu"
|
|
182
|
+
>
|
|
183
|
+
contacts
|
|
184
|
+
</nuxt-link>
|
|
185
|
+
<!-- 終了 -->
|
|
186
|
+
</header>
|
|
187
|
+
<!-- </div>変更点 -->
|
|
188
|
+
</template>
|
|
189
|
+
|
|
190
|
+
<script>
|
|
191
|
+
export default {
|
|
192
|
+
name:'Myheader'
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
</script>
|
|
196
|
+
|
|
197
|
+
/* <style lang="css">変更点 */
|
|
198
|
+
/* 変更点 */
|
|
199
|
+
#body{
|
|
200
|
+
margin:0;
|
|
201
|
+
}
|
|
202
|
+
.header-container{
|
|
203
|
+
display: flex;
|
|
204
|
+
justify-content: space-around;
|
|
205
|
+
}
|
|
206
|
+
.menu{
|
|
207
|
+
width:16%;
|
|
208
|
+
padding:20px;
|
|
209
|
+
text-align:center;
|
|
210
|
+
color:#34459e;
|
|
211
|
+
opacity:0.7;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.menu:hover{
|
|
215
|
+
background-color: rgb(230,0,18,0.6);
|
|
216
|
+
opacity:1.0;
|
|
217
|
+
transition:0.3s;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
</style>
|
|
221
|
+
```
|
|
222
|
+
書き直したのですが余白が解消されません、、、
|
|
223
|
+
ほかに考えられる原因はありますか？？
|