個人練習用：サイトパーツ、ボックスのCSS基本編
タグ個人練習用
ボックスのCSSを解説なしで
解説なしです。サイトパーツのボックスのCSSを色々練習する個人練習用につくりました。丸みを帯びたボックス、上下に太線があるボックス、二重線のボックス、破線のボックス、影つきのボックス×２の順番でCSSが出てきます。
関連タイピング
-
個人練習用で作りました。解説なしです。
プレイ回数1325 英語長文1140打 -
日本語訳なし、個人練習用に作った英語長文です
プレイ回数4369 英語長文673打 -
ワードプレスでよく使う分岐文です。
プレイ回数740 長文記号1049打 -
個人練習用のコードです
プレイ回数837 英語長文1787打 -
jQuery基本例文集です。解説なしです。
プレイ回数1011 英語長文1554打 -
個人練習用：サイトパーツ、ボトムアイコン
プレイ回数133 英語長文1295打 -
自分練習用、英語長文
プレイ回数2687 英語長文1127打 -
解説なし、個人練習用につくりました。
プレイ回数715 英語長文1054打
問題文
ふりがな非表示
ふりがな表示
(.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); }