table 表格的属性

2019独角兽企业重金招聘Python工程师标准>>>

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">

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

转载于:https://my.oschina.net/u/3680343/blog/1837489