問題
7
HTML/CSS
カレンダーにありそうな回転文字表記を実装しよう
これまで学んできた配置の指定方法や文字スタイルの変更方法を駆使してカレンダーのデザインを行ないます。 見本通りのカレンダー作りに挑戦してみましょう!
HTML/CSSの問題に挑戦しよう！
問題
「カレンダーにありそうな回転文字表記を実装しよう」
カレンダーにありそうな回転文字表記...言葉じゃ伝えきれないので
見本を画像を参考に作成してください。
期待する画面
解答と解説（カレンダーにありそうな回転文字表記を実装しよう）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
親要素全体にrelativeを付与して、子要素を配置しただけです。
難しそうに見えてかなり楽に展開できます。
文字の縦配置につきましては、初級弐拾参 を参考にしてください!
補足
positionプロパティが使いこなせる様になっていれば、このようなデザインは簡単に実装できるようになります。
文字の太さや背景色などはしっかり観察したうえで、見本通りの見た目を目指しましょう。
