質問編集履歴

1

taknaさんのアドバイスを参考に記述したコードを追加しました

2018/07/07 12:31

投稿

yuunagi3523
yuunagi3523

スコア11

test CHANGED
File without changes
test CHANGED
@@ -237,3 +237,119 @@
237
237
  ![反映されません](3506b2e2ccf9feec431d490da17f6109.png)
238
238
 
239
239
  ![反映されます](cbf00211eab57db9c1c29332e5f0cbe8.png)
240
+
241
+
242
+
243
+ 【追記】
244
+
245
+ [CSS]
246
+
247
+ ```
248
+
249
+ .header.menu ul{
250
+
251
+ font-size: 0;
252
+
253
+ }
254
+
255
+
256
+
257
+ .header.menu ul li{
258
+
259
+ font-weight: bold;
260
+
261
+ display: inline-block;
262
+
263
+ color:#2E2EFE;
264
+
265
+ font-size: 15px;
266
+
267
+ margin: 0 30px;
268
+
269
+ width: 5%;
270
+
271
+ position:relative;
272
+
273
+ left:900px;
274
+
275
+ top:-60px;
276
+
277
+ }
278
+
279
+
280
+
281
+ .header.menu2 ul{
282
+
283
+ font-size: 0;
284
+
285
+ }
286
+
287
+
288
+
289
+ .header.menu2 ul li{
290
+
291
+ font-weight: bold;
292
+
293
+ display: inline-block;
294
+
295
+ color:#2E2EFE;
296
+
297
+ font-size: 15px;
298
+
299
+ margin: 0 30px;
300
+
301
+ padding-bottom: 10px;
302
+
303
+ padding-right: 10px;
304
+
305
+ position:relative;
306
+
307
+ right:50px;
308
+
309
+ }
310
+
311
+
312
+
313
+ ```
314
+
315
+ [HTML]
316
+
317
+ ```
318
+
319
+ <div class="header.menu">
320
+
321
+ <ul>
322
+
323
+ <li>会員登録</li>
324
+
325
+ <li>ログイン</li>
326
+
327
+ <li>カート</li>
328
+
329
+ </ul>
330
+
331
+ </div><!-- /.header.menu -->
332
+
333
+
334
+
335
+ <div class="header.menu2">
336
+
337
+ <ul>
338
+
339
+ <li>TOP</li>
340
+
341
+ <li>本を探す</li>
342
+
343
+ <li>はじめての方</li>
344
+
345
+ <li>よくある質問</li>
346
+
347
+ <li>お問合せ</li>
348
+
349
+ </ul>
350
+
351
+ </div><!-- /.header.menu2 -->
352
+
353
+ ```
354
+
355
+ また、作成環境はローカルになります。