[CSS]ç”»åƒã‚„パãƒãƒ«ã«æ–œã‚ã«ã—ãŸãƒªãƒœãƒ³ã‚’é‡ãるスタイルシート「Newã€ã€Œæ–°ç€ã€ãªã©ã®ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã‚’å˜ã«çŸ©å½¢ã§æ·»ãˆã‚‹ã®ã§ã¯ãªãã€æ–œã‚ã«ã—ãŸãƒªãƒœãƒ³ã§æ·»ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Creating CSS3 Image Ribbon Tags [ad#ad-2] デモ 実装 デモ 元記事ã§ã¯imgè¦ç´ ã«ãƒªãƒœãƒ³ãŒæ·»ãˆã‚‰ã‚Œã¦ãŠã‚Šã€å½“æ–¹ã§divè¦ç´ ã®ãƒ‘ãƒãƒ«ã®ãƒ‡ãƒ¢ã‚’作æˆã—ã¾ã—ãŸã€‚ ã¾ãšã¯ã€imgè¦ç´ ã®ç”»åƒã‹ã‚‰ã€‚ デモページ：divè¦ç´ â€»å½“æ–¹ä½œæˆ å®Ÿè£… 実装ã¯imgè¦ç´ ã‚‚divè¦ç´ ã‚‚ã»ã¼åŒã˜ã§ã™ã€‚ HTML:imgè¦ç´ 版 リボンã®ãƒ†ã‚ストã¯imgè¦ç´ ã¨ä¸¦åˆ—ã«é…ç½®ã—ã€divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div class="side-corner-tag"> <img src="1.jpg" alt="" /> <p><span>newest</span></p> </div> CSS:imgè¦ç´ 版 ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®è¦ç‚¹ã¯ãƒ©ãƒƒãƒ‘ーã®ã€Œoverflow: hidd
{{#tags}}- {{label}}
{{/tags}}