[CSS]ç”»åƒã«ã¡ã‚‡ã£ã¨ç´ 敵ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚デモページ [ad#ad-2] HTML imgè¦ç´ ã¨ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®pè¦ç´ ã‚’divè¦ç´ ã«å†…包ã—ã¾ã™ã€‚ <div class="polaroid"> <p>Sarah, Dec '02</p> <img src="http://lorempixum.com/200/200/people/1" /> </div> デモã§ä½¿ç”¨ã—ã¦ã„るメッセージã®æ‰‹æã風ã®ãƒ•ã‚©ãƒ³ãƒˆã¯ã€ŒKaushanã€ã§ã™ã€‚フォントを利用ã™ã‚‹å ´åˆã¯head内ã«ä¸‹è¨˜ã‚’記述ã—ã¾ã™ã€‚ <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> CSS ãƒãƒ©ãƒã‚¤ãƒ‰é¢¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ãŸã‚ã«ã€3ã¤ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’使用ã—ã¾ã™ã€‚ .polaroid { position: relative; width: 2
CSS Shadow Effects: Tips and Tricks
{{#tags}}- {{label}}
{{/tags}}