[CSS]ãµã‚ã‚Šã¨æµ®ã‹ã‚“ã æ„Ÿã˜ã®ç¾Žã—ã„シャドウをé©ç”¨ã—ã¦ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ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-
{{#tags}}- {{label}}
{{/tags}}