[CSS]ã“ã®ç™ºæƒ³ã¯ãªã‹ã£ãŸï¼inputã¨labelを使ã£ã¦å®Ÿè£…ã™ã‚‹ç¾Žã—ã„デザインã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«ãŒé–‹ã„ãŸ+ホãƒãƒ¼æ™‚ パãƒãƒ«ãŒé–‹ã„ã¦ã„る時ã®ã‚¢ãƒãƒ¼ã¯ä¸Šå‘ãã«å¤‰ã‚ã‚Šã¾ã™ã€‚ デモã§ã¯ä¸Šè¨˜ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆã ã‘ã§ãªãã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ç‰ˆãªã©ã‚‚ã‚ã‚Šã¾ã™ã€‚ デモページ：ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆ デモページ：ラジオボタン版 デモページ：ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆãƒ»ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚ªãƒ¼ãƒ—ン 実装 HTML 一ã¤ã®ã‚¢ã‚¤ãƒ†ãƒ ã«å«ã¾ã‚Œã‚‹ã®ã¯ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ãƒ™ãƒ«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®3ã¤ã§ã™ã€‚ãれらをdivè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <section class="ac-container"> <div> <input id="ac-1" name="accordion-1" type="checkbox" /> <label for="ac-1">About us</label> <article class="ac-small"> <p>Some content... </p> </article> </div> <div> <
ã“ã‚Œã¯ä¾¿åˆ©ï¼ã‚³ãƒ”ペã§ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªCSSテクニックã„ã‚ã„ã‚
so-network.biz
noupe - THE magazine for webworkers and site owners
{{#tags}}- {{label}}
{{/tags}}