深圳HTML5培训-高端面授深圳HTML5培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

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

  • 发布时间:
    2022-11-22
  • 版权所有:
    云和教育
  • 分享:

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

 

padding-top:上内边距。

padding-right: 右内边距。

padding-bottom:下内边距。

padding-left:左内边距。

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

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

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

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