<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Document</title><style>.box {width: 100%;height: 800px;padding: 10px;border: 3px solid blue;/*背景颜色*/background-color: red;/*背景图片，默认会平铺*/background-image: url(草莓.jpg);/*背景图重复水平垂直平铺：background-repeat: repeat;不平铺：background-repeat: no-repeat;垂直平铺：background-repeat: repeat-y;水平平铺：background-repeat: repeat-x;*/background-repeat: no-repeat;/*背景图定位background-position: 50px 50px;background-position: center center;background-position: 50% 50%;background-position: right bottom;background-attachment: fixed; 固定背景图*/background-position: 50% 50%;background-position: center center;background-position: 50% 50%;background-position: right bottom;}.box2 {width: 100%;height: 1800px;padding: 10px;border: 3px solid blue;/*简写以空格隔开background: red url(草莓.jpg) no-repeat 0 0 fixed;*/background: red url(草莓.jpg) no-repeat 0 0 fixed;background-repeat: no-repeat;}</style></head><body><div class=\"box\">弯道超车</div><div class=\"box2\">高速</div></body></html>
爱站程序员基地
