質問編集履歴

2

コードの追加

2021/08/21 06:54

投稿

Kelvin525
Kelvin525

スコア1

test CHANGED
File without changes
test CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
   <meta name="viewport" content="width=device-width, initiai-scale=1,shrink-to-fit=no">
38
38
 
39
-  <title>警報・注意報お知らせaibo </title>
39
+  <title>タイトル</title>
40
40
 
41
41
 
42
42
 

1

コードの追加

2021/08/21 06:54

投稿

Kelvin525
Kelvin525

スコア1

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,29 @@
24
24
 
25
25
  ```HTML
26
26
 
27
+ <!DOCTYPE html>
28
+
29
+ <html lang="ja">
30
+
31
+
32
+
33
+ <head>
34
+
35
+  <meta charset="utf-8">
36
+
37
+  <meta name="viewport" content="width=device-width, initiai-scale=1,shrink-to-fit=no">
38
+
39
+  <title>警報・注意報お知らせaibo </title>
40
+
41
+
42
+
43
+ </head>
44
+
45
+
46
+
27
47
  <body>
48
+
49
+ <!-- ナビゲーション -->
28
50
 
29
51
  <nav>
30
52
 
@@ -44,7 +66,23 @@
44
66
 
45
67
  </nav>
46
68
 
69
+ <!-- ページ概要 -->
70
+
71
+ <header>
72
+
73
+ <div class="about">
74
+
75
+ <h1>ページ概要</h1>
76
+
77
+ <img src="~">
78
+
79
+ <p class="lead">ページ説明
80
+
81
+ <br>ページ説明</p>
82
+
47
- </body>
83
+ </div>
84
+
85
+ </header>
48
86
 
49
87
  ```
50
88
 
@@ -88,7 +126,41 @@
88
126
 
89
127
  display: inline-block;
90
128
 
91
- width: 10%;
129
+ width: 10%;
130
+
131
+ }
132
+
133
+
134
+
135
+ nav ul li a {
136
+
137
+ text-decoration: none;
138
+
139
+ color: #333;
140
+
141
+ }
142
+
143
+
144
+
145
+ nav li:hover{
146
+
147
+ border-bottom: 2px solid #FF7A37;
148
+
149
+ }
150
+
151
+
152
+
153
+ header {
154
+
155
+ text-align: center;
156
+
157
+ }
158
+
159
+
160
+
161
+ header p{
162
+
163
+ font-size: 1.3em;
92
164
 
93
165
  }
94
166