CSSメモ_1：åŠé€æ˜Žã®èƒŒæ™¯ã‚’ç”»åƒã«é‡ãã€ã‚ャプションを表示ã™ã‚‹ãã“ãã“普通ã«ä½¿ã£ã¦ã„ã‚‹CSSã§ã™ãŒã€ãƒ–ラウザã®é•ã„ã§ã†ã¾ã動作ã—ãªã„å ´åˆã¯ã‚‚ã¡ã‚ã‚“ã€å˜ç´”ãªæŒ‡å®šãƒŸã‚¹ãªã©ã§æ™‚é–“ã‚’ã¨ã‚‰ã‚Œã‚‹ã“ã¨ãŒæœªã 多ã„僕ã§ã™ã€‚ãã®éƒ½åº¦èª¿ã¹ãªãŒã‚‰ã€ãƒãƒƒã‚¯çš„ãªæƒ…å ±ã‚’å¸åŽã™ã‚‹ã®ã§ã™ãŒå¿˜ã‚Œã¦ã—ã¾ã†â€¦ã¦ã“ã¨ã§ã€CSSã®ãƒ¡ãƒ¢ã‚’å…¼ãã¦å‹‰å¼·ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 第1回目ã¯ã€ŒåŠé€æ˜Žã®èƒŒæ™¯ã‚’ç”»åƒã«é‡ãã€ã‚ャプションを表示ã™ã‚‹ã€ã§ã™ã€‚"5 Ways to Spice up Your Images with CSS"ã®"Image with Caption"ã‚’å‚考ã«ã—ã¦ãŠã‚Šã¾ã™ã€‚ demoを見る HTML <div id="desc"> <img id="image" src="sample.jpg" alt="test" /> <cite>2008å¹´11月11æ—¥ ç¦å²¡å¸‚動物園ã«ã¦</cite> </div> CSS #desc{ position:relative; display:block
今更ã ãŒç¾æ™‚点ã§ã®é€éŽPNGã®IE6対ç–ã®ã¾ã¨ã‚ã‚’ã—ã¦ã¿ã‚‹ã€€ã®å·»
{{#tags}}- {{label}}
{{/tags}}