スタイルシート練習

配色・配置を中心に、おしゃれなレイアウトを作ることを目標としました。フォントなど、いろいろなところをアレンジできると思います。

サンプルでは、フレックスボックスも使っています。

出身学校と、出身国籍をまとめたもの。

サンプルでは、フレックスボックス・疑似クラス（hover）など使用。項目の大きさや色、リンク先など様々変更可能です。

真ん中の図形の色が、背景色によって、隣の図形とは違う色味に見えます。

Task1はテーブルタグを使って表示、Task2はdivタグ＋floatプロパティを使って表示させています。Task3は、マウスオーバーすると背景色が変わります。

サンプルではテーブルタグを使っています。難易度は他のサンプルと比べ低いです。ちゃんと作れたら錯視が起きるはずです。白の交差の部分に灰色の影が見えます。

準備中です。こんな図形も作れます。