質問編集履歴

1

補足

2015/09/16 09:59

投稿

taishi1999
taishi1999

スコア99

test CHANGED
File without changes
test CHANGED
@@ -161,165 +161,3 @@
161
161
 
162
162
 
163
163
  ```
164
-
165
-
166
-
167
-
168
-
169
- ```html
170
-
171
- <div class="contents">
172
-
173
-
174
-
175
- <div class="contents-top">
176
-
177
-
178
-
179
- <h1>ロゴを買う
180
-
181
- </a></h1>
182
-
183
- <div class="contents-top-item">
184
-
185
-
186
-
187
- <h2 class="common"><a href="page2.html">アイコン</a></h2>
188
-
189
-
190
-
191
- <p>ツイッター用や、フェイスブック用もあります。</p>
192
-
193
-
194
-
195
- </div>
196
-
197
-
198
-
199
- <div class="contents-top-item">
200
-
201
- <h2 class="b"><a style="text-decoration: none; color:#ED7000;" href="page2.html">ヘッダー画像</a></h2>
202
-
203
- <p>ホームページ制作や、SNSのヘッダーに使えます。</p>
204
-
205
- </div>
206
-
207
- <div class="contents-top-item">
208
-
209
- <h2 class="c"><a style="text-decoration:none; color:#007CEC; href="page2.html">壁紙</a></h2>
210
-
211
- <p>スマホの壁紙に使えます。</p>
212
-
213
- </div>
214
-
215
- </div>
216
-
217
-
218
-
219
- <div class="contents-top-item2">
220
-
221
- <div class="contents-top-item">
222
-
223
-
224
-
225
- <h2 class="d"><a style="text-decoration: none; color:#04c000;" href="page2.html">自由</a></h2>
226
-
227
-
228
-
229
- <p>デザインも大きさも自由です。</p>
230
-
231
- </div>
232
-
233
-
234
-
235
- <div class="contents-top-item">
236
-
237
- <h2><a style="text-decoration: none; color:#04c000;" href="page2.html">オリジナルロゴ</a><h2>
238
-
239
-
240
-
241
- </div>
242
-
243
- </div>
244
-
245
- </div>
246
-
247
-
248
-
249
- ```
250
-
251
-
252
-
253
- ```css
254
-
255
- .contents
256
-
257
- {
258
-
259
- height: 500px;
260
-
261
- background-color: #EBF5FE;
262
-
263
- width: 950px;
264
-
265
- float: left;
266
-
267
- padding:30px;
268
-
269
- }
270
-
271
-
272
-
273
- .contents-top{
274
-
275
- height:150px;
276
-
277
- }
278
-
279
-
280
-
281
- .contents-top h1{
282
-
283
- margin-bottom:30px;
284
-
285
- }
286
-
287
-
288
-
289
- .contents-top-item {
290
-
291
- float:left;
292
-
293
- width:270px;
294
-
295
- padding-right:30px;
296
-
297
- }
298
-
299
-
300
-
301
- .contents-top-item2{
302
-
303
- float:left;
304
-
305
- padding-right:30px;
306
-
307
- margin-bottom:100px;
308
-
309
- width:270px;
310
-
311
- }
312
-
313
-
314
-
315
- .contents-top-item h2{
316
-
317
- margin-bottom:10px;
318
-
319
- width:220px;
320
-
321
- }
322
-
323
-
324
-
325
- ```