見出ã—è¦ç´ をシンプルãªHTMLã§ç¾Žã—ãスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリスh1ã‚„h2ãªã©ã®è¦‹å‡ºã—è¦ç´ をシンプルãªHTMLã§å®Ÿè£…ã—ã€ç¾Žã—ã„スタイルをé©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Cool headings with pseudo-elements [ad#ad-2] デモ 実装 デモ デモã¯æ“¬ä¼¼è¦ç´ ã ã‘ã§ãªãã€background-clipãªã©ã®CSS3を使用ã—ã¦ã„ã‚‹ãŸã‚ã€Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ ã§ã”覧ãã ã•ã„。 デモページ 実装 HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€h1è¦ç´ ã«classを与ãˆã‚‹ã ã‘ã§ã™ã€‚ <h1 class="headline1">I took lessons</h1> ※デモã¯4ã¤ã‚ã‚Šã€classを変更ã™ã‚‹ã ã‘ã§ã™ã€‚ CSS: å„デモ共通ã®ãƒ™ãƒ¼ã‚¹ bodyè¦ç´ をメインã®ãƒ©ãƒƒãƒ‘ーã¨ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ h1è¦ç´ ã«ã¯font-familyã¨sizeã®ã¿å…±é€šã§æŒ‡å®š
{{#tags}}- {{label}}
{{/tags}}