• 华为授权培训中心
  • 腾讯云一级认证培训中心
  • 百度营销大学豫陕深授权运营中心
  • Oracle甲骨文OAEP中心
  • Microsoft Azure微软云合作伙伴
  • Unity公司战略合作伙伴
  • 普华基础软件战略合作伙伴
  • 新开普(股票代码300248)旗下丹诚开普投资
  • 中国互联网百强企业锐之旗旗下锐旗资本投资
联系客服
微信公众号
官方微博
0371-67988003

什么是内边距?怎么样给盒子模型设置内边距?

来源:云和教育 时间:2022-11-22 阅读:42

在网页设计中,为了调整内容在盒子中的显示位置,常常需要给标记设置内边距,所谓内边距是指标记内容与边框之间的距离,也称内填充,内填充不会影响标记内容的大小。在CSS中padding属性用于设置内边距,同边框属性border一样,padding也是一个复合属性,其相关设置方法如下。

 

padding-top:上内边距。

padding-right: 右内边距。

padding-bottom:下内边距。

padding-left:左内边距。

padding:上内边距[右内边距 下内边距 左内边距]。

在上面的设置中,padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父标记(或浏览器)宽度的百分比%,实际工作中最常用的是像素值(px),像素值不允许使用负值。

L同边框相关属性一样,使用padding属性定义内边距时,必须按顺时针顺序采用值复制,一个值为四边、两个值为上下/左右,三个值为上/左右/下。

注意:如果设置内外边距为百分比,则不论上下或左右的内外边距,都是相对于父标记宽度width的百分比,伴随父标记width的变化而变化,和高度height无关。