cellpadding和cellspacing属性来控制表格边框的间距。
来源:互联网 发布:android毕业设计源码 编辑:程序博客网 时间:2024/05/21 23:11
上图说明了表格的几个属性,其中黑色部分就是巢(cell),白色的区域是巢补白(表格填充),灰色的区域是巢空间(表格间距)。
cellpadding和cellspacing属性来控制表格边框的间距。
cellspacing 设置表格边框和单元格之间的间距(以像素为单位)
cellpadding 设置单元格中的内容与单元格边框的间距(也是以像素为单位)
看这个例子:
<table cellspacing="0" cellpadding="0">
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
</table>
可以看到这是我们常见的TABLE设置,那如何将cellpadding和cellspacing这两个属性用CSS来定义呢?
下面看几个例子,相信看完以后,你就明白如何去用CSS定义cellpadding和cellspacing这两个属性了。
======================================
例子一:
<style type="text/css">
table {border-collapse:collapse;} #相当于 cellspacing="0"
table td {padding:0;} #相当于 cellpadding="0"
</style>
<table>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
</table>
======================================
例子二:
<style type="text/css">
.tbl {border-collapse:collapse;} #相当于 cellspacing="0"
.tbl td {padding:0;} #相当于 cellpadding="0"
</style>
<table class="tbl">
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
</table>
======================================
例子三:
<style type="text/css">
.mydiv table {border-collapse:collapse;} #相当于 cellspacing="0"
.mydiv table td {padding:0;} #相当于 cellpadding="0"
</style>
<div class="mydiv">
<table>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
</table>
<table>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<tr>
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
</table>
</div>
- cellpadding和cellspacing属性来控制表格边框的间距。
- 表格属性cellspacing、cellpadding
- 表格属性cellspacing、cellpadding
- 通过CSS控制表格的cellpadding,cellspacing
- cellpadding和cellspacing属性
- 表格(table)属性cellspacing、cellpadding
- html 表格属性cellspacing、cellpadding
- 表格设置td属性cellpadding和cellspacing为0,但是却存在表格边框重复变粗
- 在 表格中 用 css 设置 cellpadding 和 cellspacing 属性
- 表格样式的cellspacing cellpadding
- CellSpacing 和CellPadding的区别
- html的cellpadding和cellspacing
- html5中不再支持table的cellspacing和cellpadding属性
- html5中不再支持table的cellspacing和cellpadding属性
- CSS中可代替cellpadding和cellspacing的属性
- html5中不再支持table的cellspacing和cellpadding属性
- table表格cellpadding和cellspacing设置
- 表格cellpadding与cellspacing
- Failure [INSTALL_FAILED_UPDATE_INCOMPATIBLE]
- perl 特殊变量
- 本人声明
- 如何在Myeclipse下安装和使用svn客户端插件 .
- SQL FOREIGN KEY 约束
- cellpadding和cellspacing属性来控制表格边框的间距。
- Android SurfaceView 透明和半透明
- JavaScript中的document.cookie的使用
- Linux的chmod命令
- GGS ERROR 218 Error mapping Solution
- css实现网页调用服务器端字体
- SQL注入攻击三部曲之高级篇
- linux cp命令详解
- 用!important解决IE和Mozilla的布局差别