.details .background{
  background-image: url('http://bmob-cdn-18655.b0.upaiyun.com/2018/05/20/0c576365406a8f4d8066aa2b1146199b.png');
  background-repeat: no-repeat;
  background-size: 350rpx;
  background-position-y: center;
  background-position-x: center;
}
Copy the code

1. Background-color: specifies the color of the background. Value: Normal color value.

E.g. < 1 > It’s a background-image. If you have this property set, it is a good idea to add background-color as well, to maintain contrast with the text color when the background image is not visible

3. Background-repeat: Sets how the object background image is spread and filled.

Repeat -x: The background is tiled horizontally.

Repeat -y: The background is tiled lengthwise.

Repeat: The background is tiled horizontally and vertically.

No-repeat: Image is not tiled.

Round: The background image automatically scales until it fits and fills the container.

Space: Background images are tiled at the same spacing and fill the entire container or one direction. 4. Background-attachment: Specifies whether the background image of the object is rolled with the content of the object or fixed.

Value: fixed: indicates the fixed position. Scroll: fixed relative to the element, follow the element. Local: The content is fixed relative to the element, always following the content.

5. Background-position: Specifies the background image position of the object.

The value can be left, right, top, bottom, or center. You can also use percentages.

6. Background-size: Specifies the size of the object’s background image.

Value: auto: indicates the actual size of the background image. Cover: Scale equally to fully cover the container. It is possible to exceed the container.

Contain: scale the background image to the width or height of the container, always inside the container.

7. Backbackground -clip: Specifies the clipping area of the object’s background image.

Value: padding-box: clipping the background from the padding area (excluding the padding).

Border-box: Crop the background outward from the border area (excluding the border).

Content-box: Crop the background from the Content area.

Text: Crop out from the shape of the foreground content as the clipping area.

8. Background-origin: Specifies the origin of the object’s background image.

Value: padding-box: clipping the background from the padding area (excluding the padding).

Border-box: Crop the background outward from the border area (excluding the border).

Content-box: Crop the background from the Content area.

two Color: Sets the text color of the object.

You can use color names, RGB, HEX, RGBA, HSL, HSLA, TRANSPARENT, etc.

Opacity: Sets the opacity of an object. The value ranges from 0.0 to 1.0.

Opacity: 0.2

Opacity: 0.8