個人練習用：サイトパーツ、ボックスのCSS基本編
関連タイピング
-
beforeとafter要素を使った装飾です。
プレイ回数300英語長文517打 -
自分練習用、英語長文
プレイ回数2248英語長文1127打 -
個人練習用で作りました。解説なしです。
プレイ回数1236英語長文1140打 -
解説なし、個人練習用につくりました。
プレイ回数679英語長文1054打 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数283長文315打 -
動きのあるメニューバーのサンプルHTML、CSS
プレイ回数116英語長文2586打 -
個人練習用の英語長文です。
プレイ回数556英語長文795打 -
個人練習用：サイトパーツ、ボトムアイコン
プレイ回数106英語長文1295打
問題文
(.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); }