質問編集履歴

2

本文追記しました。

2019/12/16 10:50

投稿

sala_33
sala_33

スコア5

test CHANGED
File without changes
test CHANGED
@@ -18,6 +18,8 @@
18
18
 
19
19
  インデントぐちゃぐちゃですみません!
20
20
 
21
+ HTMLのヘッダーでfontawesomeのリンクは読み込んでいます。
22
+
21
23
 
22
24
 
23
25
  .fas {

1

codeブロックで囲みました。

2019/12/16 10:50

投稿

sala_33
sala_33

スコア5

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,10 @@
16
16
 
17
17
  コード、長いですがどこがいけないかわからないので全て載せておきます。
18
18
 
19
+ インデントぐちゃぐちゃですみません!
20
+
21
+
22
+
19
23
  .fas {
20
24
 
21
25
  visibility: visible; 
@@ -42,9 +46,99 @@
42
46
 
43
47
 
44
48
 
49
+ ```HTML
50
+
45
- cssここに言語名を入力
51
+ <body>
52
+
46
-
53
+ <div class="pref-select">
54
+
47
-
55
+ <p><span id="red">都</span>道府県から探す</p>
56
+
57
+ </div>
58
+
59
+
60
+
61
+ <div class="accbox">
62
+
63
+ <!--ラベル1-->
64
+
65
+ <input type="checkbox" id="label1" class="cssacc" />
66
+
67
+ <label for="label1" class="area"><i class="fas fa-angle-down fa-fw"></i>北海道・東北</label>
68
+
69
+ <div class="accshow">
70
+
71
+
72
+
73
+
74
+
75
+ <div class="prefecture">
76
+
77
+ <p><a href="#">北海道</a></P>
78
+
79
+ <p><a href="#">青森</a></P>
80
+
81
+ <p><a href="#">岩手</a></P>
82
+
83
+ <p><a href="#">宮城</a></P>
84
+
85
+ <p><a href="#">秋田</a></P>
86
+
87
+ <p><a href="#">山形</a></P>
88
+
89
+ <p><a href="#">福島</a></P>
90
+
91
+
92
+
93
+ <div class="clear"></div>
94
+
95
+ </div>
96
+
97
+
98
+
99
+ <input type="checkbox" id="label2" class="cssacc" />
100
+
101
+ <label for="label2" class="area"><i class="fas fa-angle-down fa-fw"></i>関東</label>
102
+
103
+ <div class="accshow">
104
+
105
+ <div class="prefecture">
106
+
107
+ <p><a href="#">茨城県</a></P>
108
+
109
+ <p><a href="#">栃木県</a></P>
110
+
111
+ <p><a href="#">群馬県</a></P>
112
+
113
+ <p><a href="#">埼玉県</a></P>
114
+
115
+ <p><a href="#">千葉県</a></P>
116
+
117
+ <p><a href="#">東京都</a></P>
118
+
119
+ <p><a href="#">神奈川県</a></P>
120
+
121
+
122
+
123
+ </div>
124
+
125
+ <div class="clear"></div>
126
+
127
+ </div>
128
+
129
+
130
+
131
+
132
+
133
+ </body>
134
+
135
+ </html>
136
+
137
+ ```
138
+
139
+
140
+
141
+ ```css
48
142
 
49
143
  .pref-select span{
50
144
 
@@ -52,6 +146,8 @@
52
146
 
53
147
  }
54
148
 
149
+
150
+
55
151
  .pref-select p{
56
152
 
57
153
  font-weight: bold;
@@ -299,3 +395,5 @@
299
395
  }
300
396
 
301
397
  }
398
+
399
+ ```