作者kerash (Fly機飛阿飛)
看板Web_Design
標題Re: [問題] 此css table 如何?
時間Tue Apr 26 10:51:40 2011
※ 引述《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
推 zora44:感謝大大回應!能做出此表格很厲害!不過後來我發現圖片上 04/26 18:10
→ zora44:一格與一格之間的邊線比較粗,不只是邊框粗,格子間的邊線 04/26 18:11
→ zora44:也很粗 04/26 18:11
→ kerash:把table的border-spacing 變大就可以囉,大概15px 04/26 18:36
→ zora44:soga!謝謝k大! 04/27 05:30