学習内容

実施したこと、理解した点

フォーム部分、フッター部分の装飾フォームの左端が揃っていなかったり、フッターの作者情報の部分がおかしかったりしたので、そこの装飾に着手。疑問だった、フォームが凹んでいるように見せる件については、Q&Aで質問をして解決出来た。
box-shadowプロパティについてボックスに影をつける為のプロパティ。影は、2〜4つの長さの値で定義されるが、任意で色、insetキーワード(内側につける)を設定できる。１番目の長さの値は、水平方向の影のオフセット距離を表す。正の値を指定すると右へ、負の値を指定すると左へ影が移動する。２番目の長さの値は、垂直方向の影のオフセット距離を表す。正の値を指定すると下へ、負の値を指定すると上へ影が移動する。３番目の長さの値は、ぼかし距離を表す。負の値を指定することはできない。値が大きいほど影の端のぼかしが強くなり、値が0の場合には端がくっきりとした影となる。４番目の長さの値は、広がり距離を表す。正の値を指定すると影の形状を全方向に拡大、負の値を指定すると縮小する。色を設定すると、その色が影の色となる。 insetキーワードを設定すると、影が外側ではなく内側につくようになる。 ↓例 https://codepen.io/ryotori1024/pen/qBNbWyQ

あとはフッター部分と、画像をCSSの図形で描く部分のみとなってきた。時間はかかっているものの、完成に近づけられているので、最後まで頑張ろう。

フッター部分の装飾と、図形を作成する部分に入る。