<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>css background</title> <style> /*参考:https://www.w3school.com.cn/css/pr_background.asp*/ body { /*background: #ff0000 url(https://www.w3school.com.cn/i/eg_bg_03.gif) no-repeat fixed center;*/ background: #ff0000 url(https://www.w3school.com.cn/i/eg_bg_03.gif) repeat scroll 10px 10px; background: #ff0000 url(https://www.w3school.com.cn/i/eg_bg_03.gif) no-repeat scroll 10px 10px; /*设置单个背景图片的尺寸。*/ background-size: 200px 200px; } p{ margin: 50px; } </style> </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> </body> </html>