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

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

十载专注成都网站制作,企业网站设计,个人网站制作服务,为大家分享网站制作知识、方案,网站设计流程、步骤,成功服务上千家企业。为您提供网站建设,网站制作,网页设计及定制高端网站建设服务,专注于企业网站设计,高端网页制作,对门帘等多个方面,拥有丰富的网站运维经验。

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

一、内边距属性

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

2.分开写

padding-top:数字px;

padding-left:数字px;

padding-bottom:数字px;

padding-right:数字px;

3.连写:

padding:上 右 下 左;

4.注意点:

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

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





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

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

二、外边距属性

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

2.分开写:

margin-top:数值px;

margin-left:数值px;

margin-bottom:数值px;

margin-left:数值px;

3.一起写

margin:上 左 下 右;

4.例子







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

?

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

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

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


当前文章:HTML中内边距属性、外边距属性的示例分析
浏览地址:http://azwzsj.com/article/pgisje.html

其他资讯