CSS Margin(外边距) CSS Padding(填充)

本文详细介绍了CSS中的Margin(外边距)和Padding(内边距)属性,包括它们的作用、可能的值及如何设置。Margin用于创建元素周围的空间,透明且无背景色;Padding则定义了元素边框与内容之间的距离,该区域会被元素的背景色填充。此外,还探讨了内边距百分比数值的计算方式以及如何通过单边和简写属性设置填充。
摘要由CSDN通过智能技术生成

CSS Margin(外边距)


CSS Margin (外边距)属性定义元素周围的空间。

CSS Margin 属性接受任何长度单位、百分数值甚至负值。


Margin

margin 清除周围的元素(外边框)的区域。margin 没有背景颜色,是完全透明的

margin 可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。

可能的值

说明
auto 设置浏览器边距。
这样做的结果会依赖于浏览器
length 定义一个固定的margin(使用像素,pt,em等)
% 定义一个使用百分比的边距

CSS Padding(填充)


CSS Padding(填充)属性定义元素边框与元素内容之间的空间。


Padding(填充)

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用,一旦改变一切都改变。

可能的值

说明
length 定义一个固定的填充
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值