個人練習用:サイトパーツ、ボックスのCSS基本編

関連タイピング
-
自分練習用、英語長文
プレイ回数2093英語長文1127打 -
個人練習用で作りました。解説なしです。
プレイ回数1214英語長文1140打 -
解説なし、個人練習用につくりました。
プレイ回数665英語長文1054打 -
jQuery基本例文集です。解説なしです。
プレイ回数907英語長文1554打 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数271長文315打 -
beforeとafter要素を使った装飾です。
プレイ回数291英語長文517打 -
日本語訳なし、しゃべることと歩くことの比較
プレイ回数574英語長文1097打 -
個人練習用:並び変え、間隔の調整、縦方向の揃えなど基本のまとめ
プレイ回数309英語長文813打
問題文
(.marui { padding: 0.5em 1em; margin: 2em 0;)
.marui { padding: 0.5em 1em; margin: 2em 0;
(font-weight: bold; color: #6091d3; background: #FFF;)
font-weight: bold; color: #6091d3; background: #FFF;
(border: solid 3px #6091d3; border-radius: 10px; })
border: solid 3px #6091d3; border-radius: 10px; }
(.uesitasen{ padding: 8px 19px; margin: 2em 0;)
.uesitasen{ padding: 8px 19px; margin: 2em 0;
(color: #2c2c2f; background: #cde4ff;)
color: #2c2c2f; background: #cde4ff;
(border-top: solid 5px #5989cf;)
border-top: solid 5px #5989cf;
(border-bottom: solid 5px #5989cf; })
border-bottom: solid 5px #5989cf; }
(.nijusen { padding: 0.5em 1em; margin: 2em 0;)
.nijusen { padding: 0.5em 1em; margin: 2em 0;
(border: double 5px #4ec4d3; })
border: double 5px #4ec4d3; }
(.hasen { padding: 0.5em 1em; margin: 2em 0;)
.hasen { padding: 0.5em 1em; margin: 2em 0;
(background: #f0f7ff; border: dashed 2px #5b8bd0; })
background: #f0f7ff; border: dashed 2px #5b8bd0; }
(.kage1 { padding: 0.5em 1em; margin: 2em 0;)
.kage1 { padding: 0.5em 1em; margin: 2em 0;
(color: #00BCD4; background: #e4fcff;)
color: #00BCD4; background: #e4fcff;
(border-top: solid 6px #1dc1d6;)
border-top: solid 6px #1dc1d6;
(box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); })
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); }
(.kage2{ padding: 0.5em 1em; margin: 2em 0;)
.kage2{ padding: 0.5em 1em; margin: 2em 0;
(color: #5d627b; background: white;)
color: #5d627b; background: white;
(border-top: solid 3px #5d627b;)
border-top: solid 3px #5d627b;
(box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); })
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); }