[CSS]ã•ã‚Šã’ãªãã€ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„テーブルã«ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«IE6ãªã©ã®éžã‚µãƒãƒ¼ãƒˆãƒ–ラウザもé…æ…®ã—ãŸã€è§’丸ã€ã‚¼ãƒ–ラ柄ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆãªã©ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„テーブルを実装ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ デモページ:Zebra stripes, footer 角丸ã€ã‚»ãƒ«ã‚’交互ã«ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚° 実装ã®ãƒã‚¤ãƒ³ãƒˆ CSS3を使ã£ã¦ç¾Žã—ãã€ãã—ã¦æ©Ÿèƒ½ã™ã‚‹ãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ç”»åƒã‚’使用ã—ãªã„ã§ã€è§’丸を実装。 余分ãªid, classã¯ä½¿ç”¨ã›ãšã€æ›´æ–°ãŒå®¹æ˜“。 ※tableã«classを一ã¤ã 㑠ユーザフレンドリーã§ã€èªã‚€ã“ã¨ãŒç°¡å˜ã€‚ 実装 HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ classã¯ã€tableã‚¿ã‚°ã«ã®ã¿ä½¿ç”¨ã—ã¾ã™ã€‚ <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
jsdo.it
{{#tags}}- {{label}}
{{/tags}}