Figure 2. Adding padding to elements
As Figure 2 illustrates, the background of an element extends into the padding by
default. If the background is transparent, this will create some extra transparent space
around the element’s content, but any visible background will extend into the pad‐
ding area (and beyond, as we’ll see in a later section).
Visible backgrounds can be prevented from extending into the
padding by using the property background-clip.
By default, elements have no padding. The separation between paragraphs, for exam‐
ple, has traditionally been enforced with margins alone (as we’ll see later on). It’s also
the case that, without padding, the border of an element will come very close to the
content of the element itself. Thus, when putting a border on an element, it’s usually a
good idea to add some padding as well, as Figure 3 illustrates.
Figure 3. e eect of padding on bordered block-level elements
Any length value is permitted, from ems to inches. The simplest way to set padding is
with a single length value, which is applied equally to all four padding sides. At times,
however, you might desire a different amount of padding on each side of an element.
That’s simple as well. If you want all h1 elements to have a top padding of 10 pixels, a
Padding | 5
www.it-ebooks.info
剩余76页未读，继续阅读
vanridin
- 粉丝: 108
- 资源: 1188
我的内容管理
展开
最新资源
- IPQ4019 QSDK开源代码资源包发布
- 高频组电赛必备：掌握数字频率合成模块要点
- ThinkPHP开发的仿微博系统功能解析
- 掌握Objective-C并发编程：NSOperation与NSOperationQueue精讲
- Navicat160 Premium 安装教程与说明
- SpringBoot+Vue开发的休闲娱乐票务代理平台
- 数据库课程设计：实现与优化方法探讨
- 电赛高频模块攻略：掌握移相网络的关键技术
- PHP简易简历系统教程与源码分享
- Java聊天室程序设计：实现用户互动与服务器监控
- Bootstrap后台管理页面模板（纯前端实现）
- 校园订餐系统项目源码解析：深入Spring框架核心原理
- 探索Spring核心原理的JavaWeb校园管理系统源码
- ios苹果APP从开发到上架的完整流程指南
- 深入理解Spring核心原理与源码解析
- 掌握Python函数与模块使用技巧
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
