CSSã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’デザインもã®ã™ã”ã大雑把ã«è¨€ã†ã¨ä»Šã¾ã§ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ã‚„ã£ã¦ã„ãŸã€è§’を丸ãã™ã‚‹ã¨ã‹èƒŒæ™¯ã‚’グラデーションã«ã™ã‚‹ãªã©ã¨ã„ã†ä½œæ¥ã‚’CSSã§ã‚„ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†ãŠè©±ã€‚ã‚‚ã¡ã‚ã‚“CSSã§ã§ããªã„ã“ã¨ã¯å¤šãã‚ã‚‹ã®ã§ä¸‡èƒ½ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã§ãã‚‹ã“ã¨ã«é™ã£ã¦è¨€ãˆã°æ•°è¡Œã®CSSコードã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ãªåŠ¹æžœã‚’柔軟ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } å„アイコンã«ãªã‚‹aè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»¥ä¸Šã®ã‚ˆã†ãªå˜ç´”ãªã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã€‚icons-w.pngãŒã‚¢ã‚¤ã‚³ãƒ³ã®å‰æ™¯ã‚’ã¤ãªã’ãŸã‚¹ãƒ—ライ
{{#tags}}- {{label}}
{{/tags}}