首页 > web前端 > css教程 > 正文

css内边距是什么

青灯夜游
发布: 2021-07-05 16:05:25
原创
5104 人浏览过

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

css内边距是什么

本教程操作环境: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视频教程

以上是css内边距是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!