Background beautify

(1) background:

Background-image using [] set the background image

Use background-repeat] [Picture repeat mode:

l repeat: [Default] from left to right from top to bottom repeating

l no-repeat: Unique

l repeat-x: repeated only in the x-axis direction

l repeat-y: repeated only in the y-axis direction

[Background-position] using the set location on the border box

l Default: left, right, top, bottom, center

l values: values ​​may be implemented using a partial image from the acquired FIG Sprite (the Sprite) in

] Using {background-size background image size setting

l Default:

l values:

] Using {background-attachment fixed background image:

l scroll: [Default] FIG follower element moving BACKGROUND

l fixed: a fixed background

 

(2) Background gradient

l linear gradient: {background-image: linear-gradient (...)]

l radial gradient (gradient circle): [background-image: radial-gradient (...)]

 

4. Transparency and mouse style

Transparency] and [alpha channel opacity

 

 

Mouse style

 

5. Shadow

 

l [text shadow text-shadow]

[l shadow box-shadow box]

Guess you like

Origin www.cnblogs.com/gao7/p/10995059.html