html如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景</title> <link rel="stylesheet"type="text/css" href="style/background.css"> </head> <body> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> <p>这好似一段文字</p> </body> </html>
css样式如下:
p{ background:url("../../image/2.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; }