CSS中, padding: 0px 0px 0px 0px; 四个0px分别代表什么?

html-css012

CSS中, padding: 0px 0px 0px 0px; 四个0px分别代表什么?,第1张

padding 属性是用于在一个声明中设置所有 padding 属性的简写属性,注意:它不允许使用负值。

这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

padding: 0px 0px 0px 0px四个0px分别代表上右下左四个内边距的宽度为0像素;

其实四个边的 padding 均为 0px,可以简写为:padding: 10px;

上边和下边的 padding 10px,左边和右边的 5px,语法为:padding: 10px 5px;

上边的 padding 10px,左边和右边的 padding 5px,下边的 padding 15px,语法为:padding: 10px 5px 15px;

上边的 padding 为 5px,右边的 padding 为 10px,下边的 padding 是 15px,而左边的 padding 是 20px,那么就需要全部定义,语法为:padding: 5px 10px 15px 20px

1、通过设置background Color属性设置图形背景颜色;

2、CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。层叠样式是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

首先,不是所有的图片都适合做为填充图片,我们要选择整幅图中,重复出现的部分。

做好了可以进行填充的图片,就可以用 css 来控制了。

示例:

background:url(images/01.jpg) repeat-x 0 0

说明:

images/01.jpg 是图片的相对路径

repeat-x  横向平铺 与之相对的还有 repeat-y(纵向平铺)no-repeat(不平铺)

0 0 定义图片的起始位置(第1个左右位置,第2个是上下位置)