Stardom CSS3 tour-CSS basic style-CSS background, stardom css3 tour-css
CSS background
1. Background
CSS allows the application of solid colors as the background, and allows the use of background images to create quite complex effects
(1) set the background color
Example:
<Html lang = "en">
Body {background-color: darkgray;} p {width: 150px;/* widening */padding: 10px;/* padding 10px */background-color: red ;}
(2) set the background image
Body {background-image: url ("bg.jpg");/* image name */}
Body {background-image: url ("bg.jpg");/* image name */background-repeat: repeat-x;/* duplicate x axis & duplicate Y axis: repeat-y */}
Body {background-image: url ("bg.jpg");/* image name */background-repeat: no-repeat;/* duplicate X axis & duplicate Y axis: repeat-y */background-position: center top;/* display from the middle top */}
Background-attachment Effect
<! DOCTYPE html>
Body {background-image: url ("bg.jpg");/* image name */background-repeat: no-repeat;/* duplicate X axis & duplicate Y axis: repeat-y */background-position: left top;/* display */background-attachment: fixed ;}
2. CSS3 background