HTML:如何使td中的文字距离左边框20px呢?求解

HTML:如何使td中的文字距离左边框20px呢?求解,第1张

文字距离左边框的内边距:

td{padding-left:20px}

文字距离左边框的外边距:

td{margin-left:20px}

td:

是table data cell的缩写,HTML标签, 代表HTML表格中的一个单元格,td标签是成对出现的,以<td>开始,以</td>结束。

td常用属性:

align——水平对齐方式:left左对齐、center居中对齐、right右对齐、justify两端对齐。

valign——垂直对齐方式:top顶部对齐 、middle中部对齐、bottom底部对齐、baseline基线对齐。

内边距padding的意思是: 边框与内容之间的距离

外边距margin的意思是:边框与边框之间的距离。

拓展资料

外边距margin

左边距 margin-left:数值 | autoauto:即距离这个边最远的距离;

右边距: margin-right:数值 | auto;

上边距: margin-top:数值  ,这里不能用auto;

下边距: margin-bottom:数值 这里也不能用auto;

外边距的复合写法

1、margin: 0px(上) 0px(右) 0px(下) 0px(左);

2、margin: 0px(上) 0px(左右) 0px(下);

3、margin: 0px(上下边距) 0px(左右边距);

4、margin: 0px(上下左右边距都是0px);

例子:

内边距padding

padding属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值,例如:

h1 {padding: 10px 0.25em 2ex 20%}

内边距也通过使用下面四个单独的属性,分别设置上、右、下、左内边距

padding-top 上内边距;

padding-right 右内边距;

padding-bottom 下内边距;

padding-left 左内边距;

例如:

h1 {

padding-top: 10px

padding-right: 0.25em

padding-bottom: 2ex

padding-left: 20%

}

a标签默认不是块状元素,所以你用margin无效,首先给a标签加上 display:inline-block,然后用margin或者padding就有效了。

a { display:inline-blockmargin:5pxpadding:5px }


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7079231.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存