W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> body { background-image: url("/i/photo/tree.png"); background-repeat: no-repeat; background-position: right top; margin-right: 200px; } </style> </head> <body> <h1>Hello World!</h1> <p>W3School 不重复并设置位置的背景实例。</p> <p>现在，背景图像仅显示一次，并且位置与文本分开。</p> <p>在此例中，我们还在右侧添加了外边距，因此背景图片将永远不会干扰文本。</p> </body> </html>