京东云服务器推荐配置、多种配置选择,满足不同业务需求!

热门推荐

⭐ 稳定入门选择

配置:2核2G/5M

适用场景:个人站点 / 轻量应用

特点:性价比高,稳定可靠

¥19/月
立即购买
流量友好

☁️ 轻量云主机

配置:2核4G 5M

适用场景:小型业务 / 博客 / 测试环境

特点:流量友好,性能均衡

¥149/年
立即购买
高性能

💻 云服务主机

配置:4核16G 8M

适用场景:中小型服务 / 多并发场景

特点:充足内存与带宽,性能强劲

¥750/年
立即购买
新人专享

🎁 新人福利

新人访问 → 点击 → 最新活动

可获取 3000元 礼券

立即领取
HTML/CSS / CSS 教程 / CSS 盒子模型
CSS Padding(填充)
CSS Border(边框)CSS Margin(外边距)

CSS Padding(填充)

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

CSS填充属性

CSS填充属性允许您设置将其边框与内容分开的元素的填充区域。填充受background-color框的影响。

为各个面定义填充

您可以使用CSS单独的padding属性轻松地为元素的不同侧(例如,顶部,右侧,底部或左侧)指定不同的填充。

h1 {
    padding-bottom: 10px;
}
p {
    padding-top: 20px;
    padding-left: 50px;
}
测试看看‹/›

填充简写速记属性

padding属性是一个速记属性,以避免对元素的每一侧上设置分别填充即padding-top,padding-right,padding-bottom,padding-left。

h1 {
    padding: 10px 20px;
}
p {
    padding: 10px 15px 20px 25px;
}
测试看看‹/›

注意:与CSS margin属性不同,填充属性的值不能为负。与边距属性一样,填充属性的百分比值是指生成的框的包含块的宽度。

该padding属性可以采用一个,两个,三个或四个空格分隔的值。

  • 如果设置一个值,则将其应用于所有四个侧面。

  • 如果指定了两个值,则第一个值将应用于顶部和底部,第二个值将应用于右侧和左侧。

  • 如果指定了三个值,则第一个值应用于顶部,第二个值应用于左侧和右侧,最后一个值应用于底部。

  • 如果指定了四个值,则将它们分别以指定的顺序应用于顶部,右侧,底部和左侧。

CSS Border(边框)CSS Margin(外边距)
下一篇:CSS Border(边框)