👑

このクエストはプレミアム限定です

プレミアムプランにアップグレードすると、すべてのクエストが
解放されます!

プレミアムにアップグレード ← クエスト一覧へ戻る
← クエスト一覧

クエスト7:ボーダー・角丸のクラス

スライド 1 / 3
コーデ
💻 コード例
実行結果
← クエスト一覧
🌊 Tailwind CSS基礎 / Quest 7 / 10

クエスト7:ボーダー・角丸のクラス

基礎 +10 XP
🏠
今回の課題
div に border・rounded・shadow のクラスを組み合わせて2種類のカードを完成させよう!
📖 解説を見る
🃏 ボーダーと角丸でカードを作ろう

• ボーダー:borderborder-2border-blue-500border-l-4(左だけ)
• 角丸:roundedrounded-lgrounded-xlrounded-full
• 影:shadow-smshadowshadow-mdshadow-lg
ヒントを見る
border-2 border-blue-300 rounded-xl shadow-md p-6 bg-white max-w-xs を付けよう
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 0 正解 レッスンに戻る

全問正解でクエストクリア!

コピーしました!