web前端入门到实战:内边距属性、外边距属性

一、内边距属性

1.定义:边框和内容之间的距离就是内边距

2.分开写

padding-top:数字px;

padding-left:数字px;

padding-bottom:数字px;

padding-right:数字px;

3.连写:

padding:上 右 下 左;

4.注意点:

(1)给标签设置内边距之后,标签占有的宽度和高度会发生变化

(2)内边距也会有背景颜色





我是段落一
我是段落二
我是段落三
我是段落四
我是段落五
web前端开发学习Q-q-u-n:784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频

web前端入门到实战:内边距属性、外边距属性_第1张图片

二、外边距属性

1.定义:标签与标签之间的距离就是外边距

2.分开写:

margin-top:数值px;

margin-left:数值px;

margin-bottom:数值px;

margin-left:数值px;
web前端开发学习Q-q-u-n:784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频

3.一起写

margin:上 左 下 右;

4.例子

    





我是span我是span我是span我是span我是span

如果大家对编程,web前端感兴趣,想要了解学习,打算深入了解这个行业的朋友,可以加下我们的前端学习扣qun : 784783012 ,不论你是学生还是想转行的朋友,我都欢迎,不定期分享干货,整理的一份2019最新的web前端学习资料和0基础入门教程分享给大家:学习前端我们是认真的
web前端入门到实战:内边距属性、外边距属性_第2张图片

5.注意点:外边距的那一部分是没有背景颜色的。

你可能感兴趣的:(web前端入门到实战:内边距属性、外边距属性)