質問編集履歴

2

CSSの抜粋箇所

2021/10/08 08:20

投稿

Kinomaru
Kinomaru

スコア6

test CHANGED
File without changes
test CHANGED
@@ -74,6 +74,170 @@
74
74
 
75
75
  ```CSS
76
76
 
77
+ main {
78
+
79
+ width: 100%;
80
+
81
+ }
82
+
83
+ section{
84
+
85
+ width: 100%;
86
+
87
+ text-align: center;
88
+
89
+ margin-top: 70px;
90
+
91
+ }
92
+
93
+ section .container {
94
+
95
+ margin-bottom: 80px;
96
+
97
+ }
98
+
99
+ .content {
100
+
101
+ max-width: 1200px;
102
+
103
+ margin: auto;
104
+
105
+ }
106
+
107
+ h2 {
108
+
109
+ font-size: 30px;
110
+
111
+ letter-spacing: 3px;
112
+
113
+ color: #3a424a;
114
+
115
+ margin-bottom: 50px;
116
+
117
+ }
118
+
119
+ h2::before, h2::after {
120
+
121
+ content: "・";
122
+
123
+ }
124
+
125
+
126
+
127
+ ul {
128
+
129
+ list-style: none;
130
+
131
+ }
132
+
133
+
134
+
135
+ .contact .container {
136
+
137
+ display: block;
138
+
139
+ position: relative;
140
+
141
+ }
142
+
143
+ #contact p {
144
+
145
+ margin-bottom: 30px;
146
+
147
+ }
148
+
149
+
150
+
151
+
152
+
153
+ .form {
154
+
155
+ width: 68%;
156
+
157
+ margin: auto;
158
+
159
+ }
160
+
161
+ .form ul {
162
+
163
+ width: 80%;
164
+
165
+ text-align: left;
166
+
167
+ margin: auto;
168
+
169
+ position: relative;
170
+
171
+ }
172
+
173
+ .form li {
174
+
175
+ position: relative;
176
+
177
+ }
178
+
179
+ .form li + li {
180
+
181
+ margin-top: 40px;
182
+
183
+ }
184
+
185
+ .form li:last-child{
186
+
187
+ text-align: center;
188
+
189
+ }
190
+
191
+ .form label{
192
+
193
+ font-size: 14px;
194
+
195
+ display: block;
196
+
197
+ }
198
+
199
+ .form-item {
200
+
201
+ width: 100%;
202
+
203
+ border: none;
204
+
205
+ border-bottom: 2px solid #cca8a8;
206
+
207
+ background: #ffffff00
208
+
209
+ }
210
+
211
+ .form-item:focus {
212
+
213
+ background: white;
214
+
215
+ }
216
+
217
+ .form-per {
218
+
219
+ height: 30px;
220
+
221
+ outline: none;
222
+
223
+ }
224
+
225
+ .form-subs {
226
+
227
+ height: 80px;
228
+
229
+ outline: none;
230
+
231
+ }
232
+
233
+ .submit {
234
+
235
+ width: fit-content;
236
+
237
+ margin: 30px auto 0;
238
+
239
+ }
240
+
77
241
  .submit::after{
78
242
 
79
243
  content: "";
@@ -138,4 +302,52 @@
138
302
 
139
303
  }
140
304
 
305
+
306
+
307
+ .bg-col {
308
+
309
+ width: 60%;
310
+
311
+ height: 480px;
312
+
313
+ background-color: #fbfbfb;;
314
+
315
+ position: absolute;
316
+
317
+ top: -6%;
318
+
319
+ left: 20%;
320
+
321
+ z-index: -1;
322
+
323
+ border-radius: 30px;
324
+
325
+ }
326
+
327
+ .bg-tex {
328
+
329
+ width: 100%;
330
+
331
+ height: 100%;
332
+
333
+ background-image: url(image/paper10.png);
334
+
335
+ background-size: auto;
336
+
337
+ background-position: 20%;
338
+
339
+ border-radius: 30px;
340
+
341
+ position: absolute;
342
+
343
+ top: 0;
344
+
345
+ left: 0;
346
+
347
+ z-index: -1;
348
+
349
+ opacity: 0.1;
350
+
351
+ }
352
+
141
353
  ```

1

タイトルの編集

2021/10/08 08:20

投稿

Kinomaru
Kinomaru

スコア6

test CHANGED
@@ -1 +1 @@
1
- hoverすると浮き上がるようなボタンを作たい
1
+ hoverすると浮き上がるようなボタンを作が、ブラウザによってズレが生じてしまうので、そのズレを解消した
test CHANGED
File without changes