table 表格的屬性

1】.表格什麼屬性都不用，默認樣式

<div id="test">
	<table class="table-style">
		<tr>
			<td>第一行</td>
			<td>第一行</td>
			<td>第一行</td>
			<td>第一行</td>
		</tr>
		<tr>
			<td>第二行</td>
			<td>第二行</td>
			<td>第二行</td>
			<td>第二行</td>
		</tr>
		<tr>
			<td>第三行</td>
			<td>第三行</td>
			<td>第三行</td>
			<td>第三行</td>
		</tr>
	</table>
</div>

2】.給table，td添加邊框

.table-style, td{
	border:1px solid #EEE0E5;
}

3】.把表格單元格間距設置爲0(cellspacing="0")

cellspacing:規定單元格之間的空間

3.1 cellspacing="0"

<table class="table-style" cellspacing="0">

單元格之間的空間去掉以後，邊框會重疊，致使邊框變粗

3.2 cellspacing="10"

4】.邊框去重

.table-style{
	 border-collapse: collapse;
}

5】.表單變爲圓角

.table-style{
	border-collapse: separate;
	border-radius:10px;
	overflow: hidden;
}

border-collape設置爲separate邊框去重效果就失效了，

6】.cellpadding屬性

規定單元邊沿與其內容之間的空白

<table class="table-style" cellpadding="20">