ã€CSS】付箋風ã®è¦‹å‡ºã—ã‚’CSSã§ä½œã£ã¦ã¿ã‚‹ï¼ - mlog今回ã¯ã€ä»˜ç®‹é¢¨ã®è¦‹å‡ºã—ã‚’CSSã§ä½œã‚‹æ–¹æ³•ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ 最åˆã«ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹CSSコードを紹介ã—ãŸå¾Œã€ç°¡å˜ãªã‚«ã‚¹ã‚¿ãƒ パターンをã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ 目次 ブãƒã‚°ã§ä½¿ç”¨ã™ã‚‹å ´åˆã¯ ã¯ã¦ãªãƒ–ãƒã‚°ã®å ´åˆ ベースコード 使ã„æ–¹ カスタムパターン 付箋風見出ã—ã®è‰²ã‚’変ãˆã¦ã¿ã‚‹ï¼ 背景色も調整ã—ã¦ã¿ã‚‹ï¼ 角丸表示ã«ã—ã¦ã¿ã‚‹ï¼ å³å´ã ã‘(ã‚‚ã—ãã¯å·¦å´ã ã‘)を角丸ã«ã—ã¦ã¿ã‚‹ï¼ å½±ã®åº¦åˆã„を調整ã—ã¦ã¿ã‚‹ï¼ ã¾ã¨ã‚ ブãƒã‚°ã§ä½¿ç”¨ã™ã‚‹å ´åˆã¯ ã”利用ã®ãƒ–ãƒã‚°ãŒHTML記述ã«å¯¾å¿œã—ã¦ã„ã‚‹å ´åˆã¯ã€ç´¹ä»‹ã™ã‚‹CSSã‚’<style>ã¨</style>ã§å›²ã‚“ã§è¨˜è¿°ã—ã¦ãã ã•ã„。 ※ CSS用ã®å…¥åŠ›æ¬„ãŒã‚ã‚‹å ´åˆã¯<style>ã¨</style>ã®å›²ã¿ãªã—ã§è¨˜è¿°ã—ã¦ãã ã•ã„。 HTMLコードã«ã¤ã„ã¦ã¯ã€ãã®ã¾ã¾å…¥åŠ›ã§ï¼¯ï¼«ã§ã™ã€‚ ã¯ã¦ãªãƒ–ãƒã‚°ã®å ´åˆ ã¯ã¦ãªãƒ–ãƒã‚°ã§ã®CSSã®ä½¿ç”¨ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ã§ã¾ã¨ã‚ã¦ã„ã¾ã™
{{#tags}}- {{label}}
{{/tags}}