background-position用于设置背景图片的位置,如果要设置背景图片的位置,这个属性就会有两个值
background-position:水平位置 垂直位置 这两个位置的表示方式有三种 英文单词 固定值 百分比 这三种方式可以混合使用 可以同时使用英文单词或者是固定值或者是百分比
英文单词的表示方式:
水平位置：left(居左),center((居中),right(居右)
垂直位置：top(居上),center(居中),bottom(居下)
固定值的表示方式
百分比的表示方式
background:简写属性它可以同时设置多个样式比如背景颜色、背景图片、背景图片是否平铺,水平位置 垂直位置
background:简写属性其值的个数不定 顺序也不定 每一个值之前使用空格分隔
<div class="box"></div>
<style type="text/css">
.box{
width: 1000px;
height: 500px;
border: 1px solid #f00;
margin-left: auto;
margin-right: auto;
/* background-image: url(images/sucai.png);
background-repeat: no-repeat;
background-position: right top; */
background: url(images/sucai.png) #0f0 no-repeat center center;
}
</style>
转载请注明：大灰牛博客 » css背景样式属性2