CSSパズル第一問！

　どうも！LSSです！！

「CSSをこれから勉強したい」方向けに、CSS超入門！…のさわりだけ！！など書いたりしてきましたが、なんというかこう「もっと手軽に、簡単に、なんなら学習する気がなくてもちょっと遊べるぐらいのコンテンツは作れないか」と考えていました。

CSSを再現するような入力をする…だと、CSSは様々な書き方ができますし、正誤判定が難しくなりそう…と思っていましたが「限定的な選択肢を提示して、そこから選択する」という方法なら、パズルっぽく楽しめるかも？^^

と思い、作ってみました。

まずは第一問目！

左が見本です。下記コードの選択項目を選んで、右が見本と同じになるようにしてください。

コード

<div style="
display: inline-block;
border: 1pxblack;
width: 140px;
height: 120px;
font-weight:;
: 30px;
: #88ff88;
text-shadow:black;
">まずは第一問目！</div>

ってなとこで、今回はこのへんで！

次回もまた、よろしくお願いします^^

CSSパズル 第一問！

CSSパズル第一問！