ã€Sassを覚ãˆã‚ˆã†ï¼Vol.8】ãƒã‚¹ãƒˆã‚’ã‚‚ã†ã¡ã‚‡ã„使ã„ã“ãªã™Vol.4ã®Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•ã§æ›¸ã„ãŸã€Œãƒ«ãƒ¼ãƒ«ã®ãƒã‚¹ãƒˆã€ã§ã™ãŒã€ã‚‚ã†ã¡ã‚‡ã£ã¨è©³ã—ã„使ã„æ–¹ãªã‚“ãžã‚’書ã“ã†ã‹ãªã¨æ€ã£ã¦ã‚‹æ¬¡ç¬¬ã§ã™ã€‚ ãƒã‚¹ãƒˆã®ãŠã•ã‚‰ã„ 軽ããŠã•ã‚‰ã„ã§ã™ã€‚ 次ã®ã‚ˆã†ã«ã€é€šå¸¸ã®CSSã§ã¯å‡ºæ¥ãªã„入れåã«ã‚ˆã‚‹è¨˜è¿°ãŒå‡ºæ¥ã‚‹ã®ãŒãƒã‚¹ãƒˆã§ã™ã€‚ #main { width: 600px; p { margin-bottom: 1.5em; } } ã“ã‚Œã§ã€ã‚³ãƒ”ペを都度ã—ãªã„ã§HTMLã®æ§‹é€ ã«æ²¿ã£ãŸæ„Ÿã˜ã§æ›¸ã„ã¦ã„ã‘ã‚‹ã®ã§ã€æ§‹é€ ãŒæŠŠæ¡ã—ã‚„ã™ããªã£ãŸã‚Šã—ã¾ã™ã€‚ プãƒãƒ‘ティをãƒã‚¹ãƒˆã™ã‚‹ ãƒã‚¹ãƒˆã¯ã‚»ãƒ¬ã‚¯ã‚¿ã®ä»–ã«ã€ãƒ—ãƒãƒ‘ティã§ã‚‚使ã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ .sample { background: { repeat: no-repeat; position: right top; color: #666; } } ã“ã‚Œã ã¨ã€ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã§æ™®é€šã«æ›¸ã„ãŸæ–¹ãŒè‰¯ã•ãã†ã§ã™ãŒã€ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã‚’利用ã—ã¤ã¤å…¥ã‚Œ
ç–‘ä¼¼è¦ç´ ã®ã‚«ãƒ©ãƒ¼æŒ‡å®šã‚’インラインã§è¡Œã„ãŸã„å ´åˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
CSS3を極ã‚ãŸã„ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„三角形を作る3ã¤ã®æ–¹æ³•
border-style: doubleã®é–“ã®ã‚¹ãƒšãƒ¼ã‚¹
Two-Tone Borders with CSS3
{{#tags}}- {{label}}
{{/tags}}