見出ã—è¦ç´ をシンプルãª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ã®ã¿å…±é€šã§æŒ‡å®š
最é©ãªãƒ†ã‚ストリンクã®è‰²ã¯ï¼Ÿ | ウェブ力å¦
é’系統ã®è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ä»¥ä¸Šã«ãƒãƒ©ã¤ããŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚特ã«ã€Yahoo!ã®å ´åˆã¯ã€å„ジャンルã”ã¨ã®ãƒšãƒ¼ã‚¸ã§ã‚‚微妙ã«ãƒ†ã‚ストリンクã®è‰²ãŒå¤‰ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã«åˆã‚ã›ã¦å¤‰åŒ–ã•ã›ã¦ã„ã‚‹ã®ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ 楽天ã®ã‚ˆã†ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使用ã—ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸãŒã€å…¨ä½“ã‹ã‚‰ã™ã‚‹ã¨å°‘æ•°æ´¾ã®ã‚ˆã†ã§ã™ã€‚ Q&Aサイトã®æœ€å¤§æ‰‹OKWaveã¯Googleã¨åŒä¸€ã§ã—ãŸã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã„ãˆã°ãƒ“ービットã•ã‚“ã€ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã‚„ã‚„æš—ã‚ã®é’を使用ã—ã¦ã„ã¾ã—ãŸã€‚ビービットã•ã‚“ã®ã“ã¨ãªã®ã§ä½•ã‹æ„味ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 クックパッド クックパッドã¯ã€æ—¥æœ¬æœ€å¤§ç´šã®ãƒ¬ã‚·ãƒ”検索ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ユーザービリティã«ã¯ç´°å¿ƒã®æ³¨æ„を払ã£ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸€äººå½“ãŸã‚Šã®å¹³å‡PVãŒé«˜ã„ã“ã¨ã§ã‚‚知られã¦ã„ã¾ã™ã€‚ ãã‚“ãªã‚¯ãƒƒã‚¯ãƒ‘ッドã§ã™ãŒã€ã‚µã‚¤ãƒˆã‚’ã®ãžã„ã¦ã¿
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.csspop.com/
{{#tags}}- {{label}}
{{/tags}}