css内边距是什么

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

css内边距是什么

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

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

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

通过 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内边距是什么的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:php版微信小店API二次开发及使用示例
下一篇:html5中的script属性及js同步和异步加载实现代码详解

发表评论

关闭广告
关闭广告