源代碼
點擊運行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>教程</title> <style> body { background:#ffffff url('img_tree.png') no-repeat right top; margin-right:200px; } </style> </head> <body> <h1>Hello World!</h1> <p>背景圖片只顯示一次,但它位置離文本比較遠。</p> <p>在這個例子中我們添加了一個右邊距,所以背景圖像不會打擾到文本。</p> </body> </html>
運行結果