技術標籤：HTML5網頁設計html5

2.4.1 表格的美化

■表格的寬度、高度與邊框

■如果不指定表格的高度和寬度，瀏覽器就會根據表格內容的多少自動調整高度和寬度。如果不指定表格邊框的寬度，則瀏覽器將不顯示錶格邊框。

<table width=“寬度” height=“高度” border=“邊框寬度”>
    ……
<table>

width 屬性和 height 屬性用於設定表格的寬度和高度，可以用畫素表示，也可以用百分比（與瀏覽器視窗相比的大小比例）表示。其中，width 屬性不僅能夠設定表格的寬度，也可以設定 td 的寬度，height 屬性border 屬性用於設定表格邊框的寬度，只能使用畫素表示。

■表格的背景顏色和圖片

<table bgcolor=“背景顏色” background=“背景圖片的地址”>
    ……
<table>

通過以上兩個屬性不僅能夠設定表格的背景，還可以設定行、單元格的背景。

■表格以及單元格內容的對齊方式

■設定表格、行或列的對齊方式可使用 align 屬性，其取值可以為 right（右對齊）、center（居中）和 left（左對齊），預設為 left。

■單元格的填充以及間距

<table cellspacing=“單元格間距” cellspadding=“單元格填充”>
    ……
<table>
 

在設定單元格的填充以及間距時，需要注意的是，預設情況下單元格的填充和間距不為 0，若要消除單元格的填充和間距，則手動設定 cellspacing 屬性和 cellpadding 屬性均為 0 即可。

（覺得這篇筆記對你有點用的話，麻煩你為本筆記點贊，評論，分享或收藏，因為這將是我輸出更多筆記的動力，感謝！）