ホームページ作æˆÂ - ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼Â ～全ã¦ã®ãƒœã‚¿ãƒ³ã‚’１枚ã®ç”»åƒã«ã—ã¦ç§»å‹•ã•ã›ã‚‹ï½žÂ - WEBサイト作æˆã€€ãƒ•ãƒªãƒ¼ç´ æコード　ã®1uphp.com スタイルシート,htmlã‚„Firefox,Operaãªã©ã®ãƒ–ラウザã®è¡¨ç¤ºçµæžœã¾ã§ã€‚ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€€å…¨ã¦ã®ãƒœã‚¿ãƒ³ã‚’１枚画åƒã«ã—ã¦ç§»å‹•ã™ã‚‹ マウスãŒä¸Šã«æ¥ãŸæ™‚ã«ã€åˆ¥ã€…ã®ç”»åƒã§ã¯ç„¡ãã€å…¨ã¦ã®ãƒœã‚¿ãƒ³ã‚’１枚ã®ç”»åƒã«ã—ã¦ã€è¡¨ç¤ºä½ç½®ã‚’移動ã•ã›ã¦ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’出ã™æ–¹æ³•ã§ã™ã€‚ ↑ã“ã®ï¼‘æžšã®ç”»åƒã¨ã€å¯¾å¿œã™ã‚‹é …目部分ã¨ã§ã€ãã‚Œãžã‚Œè¡¨ç¤ºä½ç½®ã‚’指定ã—ã¦è¡¨ç¤ºã•ã›ã€ãƒžã‚¦ã‚¹ãŒä¸Šã«æ¥ãŸå ´åˆã«ä¸‹ã®å¯¾å¿œã™ã‚‹éƒ¨åˆ†ã®ç”»åƒã‚’表示ã•ã›ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚ １枚ã®ç”»åƒãªã®ã§ã€åˆ¥ã€…ã®ç”»åƒã§è¡Œã†å ´åˆã¨ã¯é•ã„表示ã—ãªã„ç”»åƒã§å…ˆã«èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“。 ã“ã“ã§ã¯ã€javaを使用ã—ãªã„方法ã«ãªã‚Šã¾ã™ã€‚ リスト（<ul>～</ul>）ã§ä½œæˆã—ãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å„é …ç›®ã®ãƒªãƒ³ã‚¯ã®èƒŒæ™¯ã«ç”»åƒã®å¯¾å¿œã™ã‚‹ä¸Šã®éƒ¨åˆ†ã‚’表示ã—ã€ãƒžã‚¦ã‚¹ãŒä¸Šã«æ¥ãŸæ™‚ã«èƒŒæ™¯ç”»åƒã‚’対応ã™ã‚‹å ´æ‰€ã¾ã§ç§»å‹•ã•ã›ã¦ä¸‹åŠåˆ†ã‚’表示ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ よã£ã¦ã€ç”»åƒã®ä½œã‚Šã‚‚上åŠåˆ†ã«æœ€åˆã«è¡¨ç¤ºã™ã‚‹ç”»åƒã€ä¸‹åŠåˆ†ã«å¾Œã®ç”»åƒã€ã¨ã„ã†æ§˜ã«ä½œã‚Šã¾ã—ょã†ã€‚ åŠåˆ†ã®ç”»åƒã®é«˜ã•ã¨å¹…ãŒä¸‹è¨˜ã®æ§˜ã«ä½œæˆã•ã‚Œã¦ã¾
CSS Spriteを活用ã—よㆠ- DesignWalker
{{#tags}}- {{label}}
{{/tags}}