Re: [問題] 此css table 如何?

看板Web_Design作者 (Fly機飛阿飛)時間15年前 (2011/04/26 10:51), 編輯推噓1(104)
留言5則, 2人參與, 最新討論串2/2 (看更多)
※ 引述《zora44 (Zora)》之銘言: : 各位大大好 : 小弟想請問下網址圖片中之表個如何利用CSS製作呢? : http://ppt.cc/WQyU : 若有相關CSS網頁及表格介紹也可提供 : ,謝謝! 這樣不知道可不可以 css: <style type="text/css"> td { width: 200px; height:40px; border: 1px inset #bbb; padding:5px; } table { border: 3px outset #bbb; border-spacing: 5px; } .inA { background-color: #888; } .inE { background-color: #00FF66; }; </style> table: <table> <tr> <td class="inA">A</td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td class="inE" rowspan="2">E</td> </tr> <tr> <td></td> <td></td> </tr> </table> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.133.13.137

04/26 18:10, , 1F
感謝大大回應!能做出此表格很厲害!不過後來我發現圖片上
04/26 18:10, 1F

04/26 18:11, , 2F
一格與一格之間的邊線比較粗,不只是邊框粗,格子間的邊線
04/26 18:11, 2F

04/26 18:11, , 3F
也很粗
04/26 18:11, 3F

04/26 18:36, , 4F
把table的border-spacing 變大就可以囉,大概15px
04/26 18:36, 4F

04/27 05:30, , 5F
soga!謝謝k大!
04/27 05:30, 5F
文章代碼(AID): #1DjZC_oC (Web_Design)
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
文章代碼(AID): #1DjZC_oC (Web_Design)