background用法(background是什么意思啊)
今天给各位分享background用法的知识，其中也会对background是什么意思啊进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
CSS background-position的用法
是用来定位图片的位置的，最主要使用在一张png上有多个logo或者 ico这个时候就用到background-position了。
background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。
background-position: left-29px;是背景位移，background-position后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如：
background-position: left-29px;(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)
扩展资料：语法
background-position: length|| length
background-position: position|| position
取值
length:百分数|由浮点数字和单位标识符组成的长度值。
position: top| center| bottom| left| center| right
注：设置或检索对象的背景图像位置，必须先指定 background-image属性，该属性定位不受对象的补丁属性( padding)设置影响。
默认值为： 0% 0%。此时背景图片将被定位于对象不包括补丁( padding)的内容区域的左上角，如果只指定了一个值，该值将用于横坐标，纵坐标将默认为 50%，如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center，因为 right作为横坐标值将会覆盖 center值，所以背景图片将被居右定位，对应的脚本特性为 backgroundPosition。
CSS background-position的定义和用法
background-position属性设置背景图像的起始位置。
这个属性设置背景原图像（由 background-image定义）的位置，背景图像如果要重复，将从这一点开始。
提示：您需要把 background-attachment属性设置为 fixed，才能保证该属性在 Firefox和 Opera中正常工作。默认值： 0% 0%继承性： no版本： CSS1 JavaScript语法： object.style.backgroundPosition=center如何定位背景图像：
body{ background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}
背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select和object。 background-positon:长度单位/关键字;语法中的取值包括两种，一种是采用长度单位，另一种是关键字描述。长度单位指的是px、百分比等。当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。属性值说明top left左上top center靠上居中top right右上left center靠左居中center center正中right center靠右居中bottom left左下bottom center靠下居中bottom right右下
CSS background-color的定义和用法
background-color属性设置元素的背景颜色。
background-color属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
transparent值
尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent值还是有必要的。默认值： transparent继承性： no版本： CSS1 JavaScript语法： object.style.backgroundColor=#00FF00 body{background-color:yellow;}h1{background-color:#00ff00;}p{background-color:rgb(255,0,255);}
如果你还想了解更多这方面的信息，记得收藏关注本站。