inline-blockを使ってシンプルなグリッドで、ふわりと浮かんだ感じの美しいシャドウを適用して画像を配置するギャラリー用のスタイルシートを紹介します。 Gallery -Inline Block Grid 実装 Step 1: HTML HTMLはシンプルでimg要素をdiv要素で内包するだけです。 .galleryのdiv要素は、ギャラリーとして画像を配置するためのものです。 <div class="gallery"> <div class="panel"><img src="image.jpg" alt="" /></div> <div class="panel"><img src="image.jpg" alt="" /></div> </div> Step 2: CSS まずは、画像にシャドウを適用するスタイルシートです。 画像のimg要素と白いパネルの.panelにbox-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
