我是靠谱客的博主 想人陪小甜瓜,最近开发中收集的这篇文章主要介绍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内边距是什么的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是想人陪小甜瓜为你收集整理的css内边距是什么的全部内容,希望文章能够帮你解决css内边距是什么所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(90)

评论列表共有 0 条评论

立即
投稿
返回
顶部