H1一ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSS見出ã—デザインã®ã‚¢ã‚¤ãƒ‡ã‚¢9個 / SQUEEZE - Web Design Studio -HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„「box-shadowã€ã€Œtransformã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„「:afterã€ã‚’使ã£ãŸè¦‹å‡ºã—デザインをã”紹介ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。 サンプルページ » 01.切りå–ã‚Šç·š 紙を切りå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ サンプルã¨ã‚½ãƒ¼ã‚¹ã‚’見る » ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5px下ã«å½±ã‚’オフセットã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—縮å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’残ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
Webデザインをå‘上ã•ã›ã‚‹8ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ | エンタープライズ | マイコミジャーナル
Webdeveloperã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼šãƒŸãƒŠãƒˆãƒ©ãƒœ
ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ をセンタリングã™ã‚‹æ–¹æ³• - Web標準普åŠãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
http://gold.boy.jp/mihha/asobi/
第2回　Webデザインã®åŸºç¤Žã¯HTMLã®æ§‹é€ ã«ã‚ã‚Š
W3C - W3Cã®ä»•æ§˜æ›¸ç‰ã®æ–‡æ›¸ã®æ—¥æœ¬èªžè¨³é›†
HTML/CSS リンク集
{{#tags}}- {{label}}
{{/tags}}