CSS表格間距調(diào)整方法
在CSS中,我們可以通過多種方式給表格加間距,以下是一些常見的方法:
1、使用margin屬性:
- 我們可以為表格元素添加margin
屬性,以在表格周圍添加間距。
```css
table {
margin: 10px;
}
```
這將使表格上下左右都有10像素的間距。
2、使用padding屬性:
padding
屬性可以在表格內(nèi)部的單元格之間添加間距。
```css
table {
padding: 10px;
}
```
這將使表格內(nèi)部的每個單元格之間都有10像素的間距。
3、使用border-spacing屬性:
border-spacing
屬性可以調(diào)整表格中相鄰單元格之間的間距。
```css
table {
border-spacing: 10px;
}
```
這將使表格中相鄰單元格之間有10像素的間距。
4、使用cellpadding和cellspacing屬性:
- 在HTML中,我們可以使用cellpadding
和cellspacing
屬性來調(diào)整表格內(nèi)部單元格之間的間距。
```html
<table cellpadding="10" cellspacing="10">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
```
這將使表格內(nèi)部每個單元格之間有10像素的間距。