目录
百战程序员,全站22050+开发课程+文档 ,学习精选优质好课快人一步!观看视频 快捷键ALT+N

web前端全系列 教程

1839个小节阅读:2244.1k

收藏
全部开发者教程

鸿蒙应用开发

C语言快速入门

JAVA全系列 教程

面向对象的程序设计语言

Python全系列 教程

Python3.x版本,未来主流的版本

人工智能 教程

顺势而为,AI创新未来

大厂算法 教程

算法,程序员自我提升必经之路

C++ 教程

一门通用计算机编程语言

微服务 教程

目前业界流行的框架组合

web前端全系列 教程

通向WEB技术世界的钥匙

大数据全系列 教程

站在云端操控万千数据

AIGC全能工具班

A

A A

White Night

阅读(2.4k)
赞(0)

盒子模型之内边距(Padding)

image-20211206161356823

定义

CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距

可能的值

  1. 定义一个固定的填充(像素)
  2. 使用百分比值定义一个填充

单边内边距属性

在CSS中,它可以指定不同的侧面不同的填充

分别代表

  1. 上内边距是 25px
  2. 右内边距是 50px
  3. 下内边距是 25px
  4. 左内边距是 50px

简写属性

为了缩短代码,它可以在一个属性中指定的所有填充属性

这就是所谓的简写属性。所有的填充属性的简写属性是 padding

Padding属性,可以有一到四个值

Padding需要注意的问题

padding会撑大容器

应用场景

实时效果反馈

1.设置一个盒子内边距为上下10px,左右15px:

A {padding:15px;}

B {padding:10px;}

C {padding:15px 10px;}

D {padding:10px 15px;}

答案

1=>D

北京市昌平区回龙观镇南店村综合商业楼2楼226室

©2014-2023 百战卓越(北京)科技有限公司 All Rights Reserved.

京ICP备14032124号-2