CSS 内边距

CSS 内边距 (padding) 属性定义元素边框与元素内容之间的空白。

CSS 内边距属性定义元素边框与元素内容之间的空白。负值是不被允许的。通过使用单独的属性,可以分别设置上、右、下、左内边距。也可以通过简写内边距属性 padding 来同时控制元素的多个边。

内边距属性接受长度值或百分比值。

CSS 内边距实例:

所有填充属性在一个声明中
本例演示使用简写属性将所有的填充属性设置于一个声明中,可以有一到四个值。
设置下内边距 1
本例演示如何使用厘米值来设置单元格的下内边距。
设置下内边距 2
本例演示如何使用百分比值来设置单元格的下内边距。
设置左内边距 1
本例演示如何使用厘米值来设置单元格的左内边距。
设置左内边距 2
本例演示如何使用百分比值来设置单元格的左内边距。
设置右内边距 1
本例演示如何使用厘米值来设置单元格的右内边距。
设置右内边距 2
本例演示如何使用百分比值来设置单元格的右内边距。
设置上内边距 1
本例演示如何使用厘米值来设置单元格的上内边距。
设置上内边距 2
本例演示如何使用百分比值来设置单元格的上内边距。

CSS 内边距属性

属性 描述
padding 简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。