ç”»åƒã®å‘¨ã‚Šãªã©ã«1pxã®ç ´ç·šã‚’引ã｜CSS HappyLifeç”»åƒã®å‘¨ã‚Šãªã©ã«1pxã®ç ´ç·šã‚’引ãå ´åˆã«ã€borderを使ã†äº‹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ borderã§ç ´ç·šã‚’引ãã¨ã€ãƒ–ラウザã«ã‚ˆã‚Šè¡¨ç¤ºãŒç•°ãªã‚Šä½•ã‹æ°—分ãŒæ‚ªã„ã§ã™ã‚ˆã？ ãã®éš›ã€ç”»åƒã‚’使ãˆã°OKãªã‚“ã§ã™ãŒã€ã‚µã‚¤ã‚ºãŒå›ºå®šãªã‚‰ç”»åƒã§ã‚‚ç°¡å˜ã«æž ãŒä½œã‚Œã¾ã™ãŒã€ç”»åƒã‚µã‚¤ã‚ºãŒãƒãƒ©ãƒãƒ©ã§ã€ã‹ã¤åŒã˜æž 線を引ãã¨ãªã‚‹ã¨ã¡ã‚‡ã£ã¨é¢å€’ãªæ„Ÿã˜ãŒã—ã¾ã™ã€‚ ソコã§ã€çµæ§‹ç°¡å˜ãªæ–¹æ³•ã§è§£æ±ºã§ãã‚‹ã·ã¡ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã”紹介。 å–ã‚Šåˆãˆãšä¸‹è¨˜ã‚’見ã¦ä¸‹ã•ã„。 1番ã®ç”»åƒã¯ã€èƒŒæ™¯ç”»åƒã‚’使ã£ã¦ã„ã‚‹ã®ã§æž ç·šã¯ã©ã®ç’°å¢ƒã§è¦‹ã¦ã‚‚åŒã˜ã§ã™ã€‚ 2番ã®ç”»åƒã¯ã€borderã§è¦‹ã›ã¦ã„ã‚‹ã®ã§ã€ãƒ–ラウザã«ã‚ˆã£ã¦è¡¨ç¤ºãŒé•ã„ã¾ã™ã€‚ ã§ã¯ã€ã‚„り方。 img.tenten { background:url(../img/dotted.gif); padding:1px; } paddingã‚’1pxã¨ã‚Šã€èƒŒæ™¯ç”»åƒã‚’ãŠã„ã¦ä¸Šã’ã‚‹ã ã‘ã§ã™ã€‚ ãã®éš›ã«ç”¨æ„ã™ã‚‹ç”»åƒãŒãƒã‚¤ãƒ³ãƒˆã€‚
{{#tags}}- {{label}}
{{/tags}}