ç”»åƒã‚’使ã‚ãšCSSã ã‘ã§ä»»æ„ã®é–“éš”ã®ç ´ç·šã‚’æã | 12px.comcssã§ç ´ç·šã‚’使ãŠã†ã¨æ€ã£ãŸã‚‰dottedã¨dashedã®2種類ã—ã‹ç”¨æ„ã•ã‚Œã¦ã„ãªã„ã®ã§ã€ãれ以外ã®é–“éš”ã®ç ´ç·šã‚’使用ã—ãŸã„å ´åˆã«ã¯ã‚らã‹ã˜ã‚白黒ã®gifç”»åƒã‚’用æ„ã—ã¦ã€èƒŒæ™¯ã«ç¹°ã‚Šè¿”ã—ã¦ä½¿ç”¨ã™ã‚‹äº‹ãŒå¤šã„ã§ã™ã€‚ ã—ã‹ã—CSS3ã®linear-gradientを使用ã™ã‚Œã°ä»»æ„ã®é–“éš”ã®ç ´ç·šã‚’æç”»ã™ã‚‹äº‹ãŒå¯èƒ½ã§ã™ã€‚ CSS3を使用ã™ã‚‹ã®ã§å¯¾å¿œãƒ–ラウザãŒã¡ã‚‡ã£ã¨ç‹ããªã‚Šã¾ã™ãŒ 1 2 ã€ç”»åƒã‚’用æ„ã™ã‚‹ã®ã¨ãらã¹ã¦ç·šåˆ†ã‚„é–“éš”ã®èª¿æ•´ã‚‚容易ã«ãªã‚Šã¾ã™ã—ã€Retinaディスプレイã«ã‚‚対応ã™ã‚‹äº‹ã‚’考ãˆãŸã‚‰ï¼ˆå¥‡æ•°ã®ç ´ç·šã‚’使用ã™ã‚‹å ´åˆãªã©ï¼‰2種類ã®ç”»åƒã‚’用æ„ã™ã‚‹æ‰‹é–“ãŒçœã‘ã¾ã™ã®ã§CSSã§æç”»ã™ã‚‹æ–¹ãŒæ¥½ãƒãƒ³ã§ã™ã€‚ æ‰‹é †ã‚„ã‚Šæ–¹ã¯ä¸‹è¨˜ã®4ã¤ã®æŒ‡å®šã‚’ã™ã‚Œã°è‰¯ã„ã ã‘ã§ã™ã€‚ ç ´ç·šã®éƒ¨åˆ†ã¯background-imageを使用ã—ã¦èƒŒæ™¯ç”»åƒã¨ã—ã¦æç”»ã—ã¾ã™ç¸žæ¨¡æ§˜ã¯linear-gradientを使用ã—ã¦ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ¿ƒæ·¡ã§è¡¨ç¾ã—
{{#tags}}- {{label}}
{{/tags}}