CSS中設(shè)置table表格 在網(wǎng)頁(yè)設(shè)計(jì)中，table 表格是一個(gè)非常常見(jiàn)的元素。通過(guò)CSS可以設(shè)置table表格的樣式，包括調(diào)整表格的邊框樣式、字體、大小、顏色等內(nèi)容。下面我們?cè)敿?xì)介紹如何設(shè)置table表格。 1.設(shè)置表格邊框 可以使用 CSS 中的 border 屬性來(lái)設(shè)置表格邊框，如下所示： ``` CSS table { border: 1px solid #000; } ``` 這個(gè)代碼中，我們?cè)O(shè)置了 table 元素的邊框?yàn)?像素、實(shí)線樣式、顏色為黑色。 2.設(shè)置表格字體與大小 可以使用 CSS 中的 font 屬性來(lái)設(shè)置表格字體與大小，如下所示： ``` CSS table { font-family: Arial, sans-serif; font-size: 16px; } ``` 這個(gè)代碼中，我們?cè)O(shè)置了 table 元素的字體為 Arial，字體大小為 16 像素。 3.設(shè)置表格列的寬度 可以使用 CSS 中的 width 屬性來(lái)設(shè)置表格列的寬度，如下所示： ``` CSS table { width: 100%; } td { width: 20%; } ``` 這個(gè)代碼中，我們?cè)O(shè)置了 table 元素的寬度為100%，每個(gè) td 元素的寬度為其父元素的20%。 4.設(shè)置表格間距與單元格內(nèi)邊距 可以使用 CSS 中的 cellspacing 和 cellpadding 屬性來(lái)設(shè)置表格間距與單元格內(nèi)邊距，如下所示： ``` CSS table { border-collapse: separate; border-spacing: 10px; padding: 10px; } ``` 這個(gè)代碼中，我們顯示地設(shè)置了 table 元素的邊框處理方式為 separate（這樣會(huì)顯示出 cellspacing），同時(shí)將 cellspacing 屬性設(shè)置為 10 像素，將 cellpadding 屬性設(shè)置為 10 像素。 以上是設(shè)置table表格的一些常用CSS屬性，可以通過(guò)它們的組合來(lái)實(shí)現(xiàn)不同的表格樣式。