源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> body { background-image: url("img_tree.png"); background-repeat: no-repeat; background-position: right top; margin-right: 200px; } </style> </head> <body> <h1>Hello World!</h1> <p>背景图不重复，并设置位置实例</p> <p>现在背景图仅显示一次, 并且位置远离文本</p> <p>在这个例子中，我们也增加了一个右侧位置，所以背景图像将永远不会干扰文本。</p> </body> </html>
运行结果