css之padding用法及属性

早上好,欢迎观看山东文汇app开发,微信小程序开发,系统开发的官网

学习是一个循序渐进的过程。学习新的知识的时候,也不要忘了温习之前学习的内容。css的世界,无限大。

下面给大家分享一个css属性,padding。

Padding(填充)属性定义元素边框与元素内容之间的空间。

padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充

单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用,一旦改变一个数值,则padding对应的距离都会改变。

设置一个P元素的填充:

p
            {
                padding:2px 4px 3px 4px;
            }

其中padding:2px 4px 3px 4px; 的转法为顺时针;

padding:距上 距右 距下 距左;

您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:

h1 {padding: 10px 0.25em 2ex 20%;}
h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }

山东文汇开发提醒您

山东文汇app开发,微信小程序开发,系统开发

ul标签有默认的padding-left:40px的内边距。

下面,给大家出两道题:

1、父盒子宽100px 高80px

子盒子宽40px   高40px

现在给子盒子设padding-top 是20% 。请问现在子盒子的高是多少?

2、父盒子宽100px 高80px

子盒子宽40px   高40px

现在给子盒子设padding-right 是20% 。请问现在子盒子的高是多少?

如果大家想要知道结果,自己动手练习一下就知道啦。

此篇文章分享完毕,感谢大家观看济南app开发系统开发网站。再见。


关键词:
返回列表

相关文章

相关案例