HTML中内边距属性、外边距属性的示例分析

HTML中内边距属性、外边距属性的示例分析

小编给大家分享一下HTML中内边距属性、外边距属性的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

HTML连载38-内边距属性、外边距属性

一、内边距属性

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

2.分开写

padding-top:数字px;padding-left:数字px;padding-bottom:数字px;padding-right:数字px;

3.连写:

padding:上右下左;

4.注意点:

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

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

我是段落一

我是段落二
我是段落三
我是段落四
我是段落五

二、外边距属性

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

2.分开写:

margin-top:数值px;margin-left:数值px;margin-bottom:数值px;margin-left:数值px;

3.一起写

margin:上左下右;

4.例子

我是span我是span我是span我是span我是span?

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

以上是“HTML中内边距属性、外边距属性的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注恰卡编程网行业资讯频道!

阅读全文
发布于 2022-03-03 21:33:08
html
分享
海报
52
上一篇:CSS有什么尺寸属性 下一篇:css中不要在属性值与单位之间留有空格
目录

推荐阅读

忘记密码?

图形验证码