今日はメモのみ。
justify-contentは「flexアイテムの配置を指定する」プロパティ。
つまり、左寄せとかセンタリングとか、アイテム同士の余白などを指定できるプロパティのこと。
【CSS】justify-contentの使い方や効かない原因を解説 | ZeroPlus Media
display: flex;と justify-content を併用すれば、横並びの要素を均等に配置したり両
zero-plus.io
ここが分かりやすかったです。
justify-content: space-around;今回指定したのはこれです。これは、要素の両端に均等な空間をつけるという指示。
画像に影をつけるやり方。以前、メインカラムに影をつけましたが、その時はbox-shadowを使用しました。今日は写真の中のお皿に影をつけるやり方。
filter: drop-shadow(1px 2px 3px #dddddd)
――これだけで基本がしっかり身に付くHTML/CSS＆webデザイン p.245こうすると、写真の枠ではなく、中の画像の縁に影をつけることができる…すごい…！
1pxはX軸の位置、2pxはY軸の位置、3pxはぼかし、カラーコードは影の色だそうです。
コメント