[CSS]ã•ã¾ã–ã¾ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãる美ã—ã„デザインã®ãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç”»åƒã¯ä½¿ç”¨ã›ãšã«ã€ç¹Šç´°ãªãƒ‘ターンã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç¾Žã—ã„ボタンをスタイルã—ã€ã‚µã‚¤ã‚ºã‚„カラーãªã©ã•ã¾ã–ã¾ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãるよã†ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ ベースã¨ãªã‚‹ãƒœã‚¿ãƒ³ HTML マークアップã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ <a href="" class="button">Button</a> ã¾ãŸã¯ã€buttonè¦ç´ ã§ã‚‚構ã„ã¾ã›ã‚“。 <button class="button">Button</button> CSS CSS3を使ã£ã¦ã€ã¡ã‚‡ã£ã¨ãƒªãƒƒãƒã«ã‚¹ã‚¿ã‚¤ãƒ«ã—ã¦ã¿ã¾ã—ょã†ã€‚ .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow
PNGç”»åƒã§ã‚‚コマé€ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã—ã¾ã†ã€ãƒŠã‚¤ã‚¹ã‚¢ã‚¤ãƒ‡ã‚¢ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Sprite sheet
スマートフォンãªã©ã«å¯¾å¿œã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã«é–¢ã™ã‚‹CSSスタイル（font size自動調整をãã‚‹ãªã©ï¼‰ - ãらã’ã らã‘
JavaScriptも使ã‚ãšå…ƒç”»åƒã‚‚変更ã›ãšã«ç”»åƒã‚’グレースケール表示ã•ã›ã‚‹ - ã‹ã¡ã³ã¨.net
[CSS]ボタンã®ãƒ›ãƒãƒ¼æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã™ã‚‹CSS3åˆå¿ƒè€…å‘ã‘ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
[CSS]hrè¦ç´ ã‚’ãŠã—ゃれã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹8ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSSã®ã¿ã§ãƒ†ã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„リフレクトをã‹ã‘るテクニック（ã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãらã’ã らã‘
{{#tags}}- {{label}}
{{/tags}}