CSSbackground属性详解
background是⼀种 CSS 简写属性，⽤于⼀次性集中定义各种背景属性，包括 color, image, origin 与 size, repeat ⽅式等等。
此属性是⼀个 简写属性，可以在⼀次声明中定义⼀个或多个属性：background-clip、background-color、background-image、background-origin、background-position、background-repeat、background-size，和 background-attachment。
属
性
说明取值
决定背景图像的位置是在视⼝内固定，或者随着包含它的区块滚动fixed、scroll、local
设置元素的背景（背景图⽚或颜⾊）是否延伸到边框、内边距盒⼦、内容盒⼦下⾯border-box、padding-box、content-box、text
规定了指定背景图⽚background-image 属性的原点位置的背景相对区域border-box、padding-box、content-box
设置元素的背景⾊, 属性的值为颜⾊值或关键字"transparent"⼆者选其⼀
⽤于为⼀个元素设置⼀个或者多个背景图像
为每⼀个背景图⽚设置初始位置。 这个位置是相对于由 background-origin 定义的位置图层的
定义背景图像的重复⽅式。背景图像可以沿着⽔平轴，垂直轴，两个轴重复，或者根本不重复
设置背景图⽚⼤⼩。图⽚可以保有其原有的尺⼨，或者拉伸到新的尺⼨，或者在保持其原有⽐例的同时缩
放到元素的可⽤空间的尺⼨
1. background-position
可选值：两个参数，⽔平位置和垂直位置。如果只有⼀个值，第⼆个值为“center”。
默认值是元素的左上顶⾓。可以使⽤位置关键字（top，right，bottom，left，center）。百分⽐（以元
素⼤⼩为基值）。像素值。
2. background-size
可选值：两个数值，如果只有⼀个值，第⼆个值为auto。
默认是图⽚⾃⾝⼤⼩。可以使⽤像素值，百分百（以元素⼤⼩为基值）。
cover：等⽐例缩放图⽚，覆盖这个元素。类似与windows中桌⾯背景的“填充”。
contain：等⽐例缩放图⽚，适应元素的宽或者⾼。类似于windows中桌⾯背景的“适应”。
注意：如果同时设置了“position”和“size”两个属性，应该⽤左斜杠“/”，⽽不是⽤空格把两个参数值隔
开：“position/size”。
3. 多背景设置
多背景的写法：使⽤逗号“，”隔开，继续写背景属性。
background: color position size repeat origin clip attachment image, color position size repeat origin clip attachment image;
css中的position属性
也可以具体属性单独设置：background-image：url（image url 1），url（image url 2）；
background-image:linear-gradient(rgba(0, 0, 255, 0.5),rgba(255, 255, 0, 0.5)),
url("../../media/examples/lizard.png");

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。