cellpadding與cellspacing 區別

2019-6-18 20:18| 作者: admin| 查看: 2633| 評論: 0|來自: 螞蟻部落

標題中的兩個屬性在表格中比較常用,可能會對初學者造成一定的迷惑。

下面通過代碼實例介紹一下兩者的作用和區別,希望能夠給需要的朋友帶來一定的幫助。

(1).cellpadding:

從其名稱看,此屬性與padding類似。

cellpadding用來設置單元格中文本內容和邊框之間的距離,類似于內邊距。

(2).cellspacing:

cell是單元格的意思,從字面意思是設置單元格之間或者單元格與外圍邊框的距離。

此屬性類似于margin外邊距。

代碼實例如下:

[HTML] 純文本查看 復制代碼运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.arpjr.tw/" />
<title>table細線表格-螞蟻部落</title>
<style type="text/css"> 
table,table td{
  border:2px solid blue;
}
</style> 
</head> 
<body> 
<table cellpadding="5" cellspacing="10">
  <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>
</body> 
</html>

上面代碼對標題中的兩個屬性進行了簡單的演示,非常的簡單。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
大圣捕鱼2 至尊牌九安卓版下载 时时网上赚钱平台 万人炸金花下载真人版 发发棋牌 胆包天打一生肖百度知道 昔颜28预测pc蛋蛋预测 快三大小单双技巧软件 分分快三大小单双必中技巧 羽毛球比赛 最精准的五分快三计划网址 乐翻天红中麻将 注册会员即送28元彩金 胆是什么功能 福建时时11选五开奖结果查询今天 网上重庆时时彩怎么样? 黄金时时彩全能计划