编程教程 - 技术改变世界
编程教程提供了 JS 在线测试工具,可在线测试 JavaScript 代码,你可以在代码编辑器中输入 JavaScript 代码并点击运行查看结果。
源代码
点击运行
<!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>
运行结果