设为首页收藏本站

切换到宽版

学习平台

› 学习交流 › CSS › 要控制单元格内容与表格框线之间的空白，应在 TABLE 标记符中使用属性

发新帖

查看: 6446|回复: 27

上一主题

下一主题

要控制单元格内容与表格框线之间的空白，应在 TABLE 标记符中使用属性

[复制链接]

admin

2249 主题	0 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

电梯直达

跳转到指定楼层

楼主

发表于2014-08-15 16:16:56 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

收藏 0 转播分享 淘帖0

回复推送

yjz123456

0 主题	1181 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-18 19:16:00 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

桃子++

0 主题	1104 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-19 15:41:18 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

   <style >
       td{
       padding:50px 40px 30px 20px;
       }
   </style>

   <table border=1 >
       <tr>
           <td>星期一</td>
           <td>星期二</td>
           <td>星期三</td>
       </tr>
   </table>

回复推送支持反对

wenjianrui

0 主题	535 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-19 19:25:57 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

利用 cellpadding 属性

回复推送支持反对

撸天啦

0 主题	785 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-20 09:07:16 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

这个是标签table的属性：

具体要求是：单元格之间的距离：cellspacing；内容和单元格之间的距离：cellpadding；

还有常用的width，height，align，border，和他的颜色。bgcolor，background。

大小：table一类的控件用width，height。

form的text类型用size

textarea是row，col。

回复推送支持反对

zxjc

0 主题	957 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-20 10:47:26 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

使用table中的callpadding属性来控制单元格内容和表格框线之间的空白。

回复推送支持反对

bnlnk

0 主题	856 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-21 16:26:36 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

<style>

td{

padding:10px;

}

</style>

回复推送支持反对

Sarbr

0 主题	1450 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-01 18:32:27 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

padding

回复推送支持反对

song

0 主题	1700 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 18:25:54 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

例：

<table cellpadding=2>

<tr>

<td></td>

</tr>

</table>

回复推送支持反对

zhangjialong

0 主题	1510 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-07 14:10:50 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

gaoye

0 主题	1451 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 18:42:26 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding属性

回复推送支持反对

一个人的时光

0 主题	1546 帖子	0 博客

一个人的时光

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 18:59:53 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

padding

padding-top

padding-left

padding-button

padding-right

回复推送支持反对

renmihe

0 主题	1636 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-01 08:51:22 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

<table border=2 cellpadding="20">
     <tr>
         <td>javakc49</td>
       <td>javakc50</td>
       <td>javakc51</td>
   </tr>

</table>

<style>
     td{
        padding:20px;
   }
</style>
<table border=2>
     <tr>
         <td>javakc49</td>
       <td>javakc50</td>
       <td>javakc51</td>
   </tr>
</table>

回复推送支持反对

Cracia

0 主题	1518 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 19:12:45 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

要控制单元格内容与表格框线之间的空白，应在 TABLE 标记符中使用属性：cellpadding

回复推送支持反对

马鹏磊

0 主题	1402 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 19:13:10 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding 单元格内容与单元格边界之间的空白距离的大小

回复推送支持反对

WR

0 主题	1674 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-08-31 19:42:49 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

<html>
<style>
td{

  padding:10px 20px 30px 40px;//内边距

}
</style>
<body>
<table border="1" cellpadding="20px">
    <tr>
  <td>123</td>
        <td>123</td>
  <td>123</td>
    </tr>
</table>
</body>
</html>

回复推送支持反对

liufangyuan

0 主题	1576 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-01 08:38:54 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

<html>
    <head>
        <title>学生列表</title>
   </head>
   <body>
        <table width=800px align="center" border=1 cellpadding=0>

            <caption><font size=7><b>表格</b></font></caption>
            <tr align=center>
                <td>4</td>
               <td>张三</td>
               <td>44</td>
               <td>13355556666</td>
           </tr>
           <tr align=center bgcolor="005500">
                <td>编号</td>
               <td>姓名</td>
               <td>年龄</td>
               <td>电话</td>
           </tr>
           <tr align=center>
                <td>1</td>
               <td>李丽</td>
               <td>23</td>
               <td>13355556666</td>
           </tr>
           <tr align=center>
                <td>2</td>
               <td>张红</td>
               <td>13</td>
               <td>13355556666</td>
           </tr>
           <tr align=center bgcolor="yellow">
                <td>3</td>
               <td>刘烨</td>
               <td>44</td>
               <td>13355556666</td>
           </tr>


       </table>

       <table width=800px align="center" border=1>

            <caption><font size=7><b>列合并</b></font></caption>

           <tr align=center bgcolor="005500">
                <td colspan=2>编号|姓名</td>

               <td colspan=2>年龄|电话</td>

           </tr>
           <tr align=center>
                <td>4</td>
               <td>张三</td>
               <td>44</td>
               <td>13355556666</td>
           </tr>
           <tr align=center>
                <td>1</td>
               <td>李丽</td>
               <td>23</td>
               <td>13355556666</td>
           </tr>
           <tr align=center bgcolor="yellow">
                <td>3</td>
               <td>刘烨</td>
               <td>44</td>
               <td>13355556666</td>
           </tr>
           <tr align=center>
                <td>2</td>
               <td>张红</td>
               <td>13</td>
               <td>13355556666</td>
           </tr>



       </table>


       <table width=800px align="center" border=1>

            <caption><font size=7><b>行合并</b></font></caption>

           <tr align=center bgcolor="005500">
                <td>编号</td>
               <td>姓名</td>
               <td>年龄</td>
               <td>电话</td>
           </tr>
           <tr align=center>
                <td>4</td>
               <td>张三</td>
               <td rowspan=4>23</td>
               <td>13355556666</td>
           </tr>
           <tr align=center>
                <td>1</td>
               <td>李丽</td>

               <td>13355556666</td>
           </tr>
           <tr align=center bgcolor="yellow">
                <td>3</td>
               <td>刘烨</td>

               <td>13355556666</td>
           </tr>
           <tr align=center>
                <td>2</td>
               <td>张红</td>

               <td>13355556666</td>
           </tr>



       </table>
   </body>
</html>

回复推送支持反对

XIAOC

0 主题	1721 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-01 08:59:13 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

刘瑞

0 主题	529 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-07 10:17:33 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

杨柳

0 主题	872 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-08 09:30:08 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

padding 就是设置内容和边框之间的距离的

回复推送支持反对

罗鹏

0 主题	507 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-08 18:23:31 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

单元格内容与单元格边界之间的空白距离的大小

回复推送支持反对

梦紫菱0124

0 主题	1458 帖子	0 博客

梦紫菱0124

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-09-11 14:58:19 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

Zero

0 主题	545 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2016-12-02 14:49:00 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

ceq917

0 主题	43 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-03-09 14:34:16 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

Amylau

0 主题	447 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-03-31 08:28:24 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

<style>

td{

padding:10px;

}

</style>

<table border=1 cellpadding=10 cellspacing=12>

<tr>

<td> javakc42</td>

</tr>

回复推送支持反对

ste123

0 主题	370 帖子	2 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-04-05 18:00:10 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding="n"

回复推送支持反对

王之神判

0 主题	1902 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-08-11 10:36:48 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

740317431

0 主题	1932 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-08-11 11:51:01 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

zxx

0 主题	1135 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-08-22 20:26:55 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

ceilpading

回复推送支持反对

wulinan

0 主题	1694 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-09-01 23:09:36 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

雒鑫鑫

0 主题	435 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-09-13 17:11:07 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

padding

回复推送支持反对

lilin

0 主题	741 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-09-15 08:55:02 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

还可以为td加padding内边距（内补丁）

回复推送支持反对

shijian

0 主题	620 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-09-29 11:42:50 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

padding: ..px ..px ..px ..px;

回复推送支持反对

sangpeng

0 主题	762 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-09-19 19:53:31 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

<table border=1 cellpadding=10>

<tr>

<td>javakc57</td>

<td>javakc58</td>

<td>javakc59</td>

</tr>

</table>

回复推送支持反对

hanqian

0 主题	651 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2017-11-09 10:05:27 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

杜善宁

0 主题	188 帖子	0 博客

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑禁止帖子清理

沙发

发表于2018-04-15 10:05:36 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

cellpadding

回复推送支持反对

站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号：京ICP备14030918号-1

返回顶部