关灯
请选择 进入手机版 | 继续访问电脑版

css padding用法详解

0
回复
220
查看
[复制链接]

38

主题

38

帖子

333

积分

超级版主

Rank: 8Rank: 8

积分
333
发表于 2020-6-19 22:45:24 | 显示全部楼层 |阅读模式
 
padding 属性是css用于在一个声明中设置所有 padding 属性的简写属性。

Padding属性包含了padding left :左补距离(设置距左内边距) ;padding top:头顶补距离(设置距顶部内边距);padding right :右补距离(设置距右内边距) ;padding bottom :底补距离(设置距低内边距)。其二维构建图可见CSS属性二维图。

CSS元素中padding的解剖图
padding的解剖图

padding left用法:padding-left:10px;  这个意思距离左边补距10像素,可跟百分比如(padding-left:10%;   距离左边补10%的距离);
padding right用法:padding-right:10px; 这个意思距离右边补距10像素,可跟百分比如(padding-right:10%; 距离右边补10%的距离);
padding top用法:padding-top:10px; 这个意思距离顶边补距10像素,可跟百分比如(padding-top:10%; 距离顶边补10%的距离);
padding bottom用法:padding-bottom:10px; 这个意思距离低边补距10像素,可跟百分比如(padding-bottom:10%; 距离底边补10%的距离);
注意padding中间的链接“ - ”号,设置距离值时用“ : ”并赋予值,并以“ ; ”结束,并且全部用小写半角字母。

回复

使用道具 举报

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:16度天空

微信公众号

手机网页版

联系博主:16度天空

记录生活点滴、分享工作经验、追忆创作时光的自媒体个人博客

写给自己,留给未来,相约分享心情,随笔记录人生,写作记录生活-成长,分享,在路上!

网址:http://www.sky16.cn

Copyright   ©2017-2018  16度天空Powered by技术支持:玉乡广告传媒  联系QQ:1309089920  ( 豫ICP备18036994号 )