CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã‚ャプションエフェクト 20 - NxWorld自分用ã«ã²ã¨é€šã‚Šã®å‹•ãを一覧化ã—ãŸã‚‚ã®ãŒæ¬²ã—ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã§ã™ã€‚ ç”»åƒãƒ›ãƒãƒ¼æ™‚ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã§ã‚ャプションを表示ã•ã›ã‚‹å‹•ãã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã‚ャプションã¨ã¯ã—ã¦ã„ã¾ã™ãŒã€ä¾‹ãˆã°ãƒ–ãƒã‚°ã§ã‚ã‚Œã°ãƒªãƒ³ã‚¯ä»˜ãã®ã‚¢ã‚¤ã‚ャッãƒã«å®Ÿè£…ã—ã¦ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ã€Œã‚‚ã£ã¨è¦‹ã‚‹ã€ã®ã‚ˆã†ãªæ–‡è¨€ã‚’表示ã•ã›ãŸã‚Šã¨ã„ã£ãŸç”¨é€”ã«ã‚‚使ãˆã¾ã™ã€‚ 共通ã®HTML・CSS 一部をã®ãžãã€ä»Šå›žã¯ã‚µãƒ³ãƒ—ルã¨ã—ã¦åŸºæœ¬çš„ã«ä¸‹è¨˜ã®ã‚ˆã†ãªHTMLを使用ã—ã¦ã„ã¾ã™ã€‚ <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSã«é–¢ã—ã¦ã¯ãã‚Œãžã‚Œå‹•ãã«é–¢ä¿‚ã™ã‚‹éƒ¨åˆ†ã®ã¿è¨˜è¿°ã—ã¦ãŠã‚Šã€figcaption内ã«ã‚ã‚‹h3ã¨pã®è¦‹æ „ãˆã«é–¢ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆ
{{#tags}}- {{label}}
{{/tags}}