/* syntax highlight */ /* end of syntax highlight */

2011年10月4日 星期二

[CSS] Table 產生器及美化語法

Bookmark and Share

20111004_cssTable

每次在做表格時都覺得很沒效率

於是上網找到了 Table Generator 這個服務

可以選擇要產生的表格大小,並將值直接填入後

就可以 render 出表格的 code

 

不過,因為表格的 row 與 row 之間預設就會有一些小小的間距,如下:

image

 

而一般來說,上把間距拿掉是可以提升表格的美感的,如下:

image 

表格來源:http://smart.ideas.iii.org.tw/imstar/final.php

 

這之中只差別在於以下語法:

th, td {border:1px solid #aaa}
table {border-collapse:collapse}



 



即使用 border-collapse 將 Table 的間隙移除,即可輕鬆提升表格美感 !



 



參考資料:



0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...