css内边距是什么

css内边距是指元素边框与元素内容间的空白区域。控制该区域的是padding、padding-top、padding-right、padding-bottom、padding-left属性;它们接受长度值或百分比值,但不允许使用负值。

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

CSS内边距(padding)即元素的内边距,是指元素边框与元素内容间的空白区域。

1.png

通过 CSS,您可以完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距。

CSS 拥有用于为元素的每一侧指定内边距的属性

  • padding-top

  • padding-right

  • padding-bottom

  • padding-left

也可以,直接使用padding,在一个属性中指定以上所有内边距属性,缩减代码

内边距(padding)属性接受长度值或百分比值,但不允许使用负值。

可能的值:

描述
auto浏览器计算内边距。
length规定以具体单位计的内边距值,比如像素、厘米等。认值是 0px。
%规定基于父元素的宽度的百分比的内边距。
inherit规定应该从父元素继承内边距。

padding属性可以有1~4个值:

padding:25px 50px 75px 100px;
  • 上填充为25px

  • 右填充为50px

  • 下填充为75px

  • 左填充为100px

padding:25px 50px 75px;
  • 上填充为25px

  • 左右填充为50px

  • 下填充为75px

padding:25px 50px;
  • 上下填充为25px

  • 左右填充为50px

padding:25px;
  • 所有的填充都是25px

(学习视频分享css视频教程

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效