相对路径
图片在html下一级目录里 写法: 文件夹名称/图片名称
图片在html的上一级目录里 写法: ../图片名称
图片在html上一级的其他目录里 写法 : ../文件夹名称/图片名称
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/beijing.css"> <title>Document</title> </head> <body> <div class="dd"> </div> </body> </html>
|
1 2 3 4 5 6 7
| .dd { width: 1000px; height: 1000px; background: #00ff00 url("../images/1.jpg") no-repeat center; background-size: cover; background-attachment: fixed; }
|