<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width: 500px; height: 500px; margin: 100px auto; border: 1px solid #000; background: url("11.png") no-repeat; /* 背景图片显示尺寸(放大/缩小背景图) */ background-size: 200px 200px; /* 通过像素设置 */ background-size: 50% 50%; /* 通过百分比设置 */ background-size: cover; /* 覆盖:图片成比例填满盒子。可用于适配 */ background-size: contain; /* 包含:图片成比例放大,可能不会填满盒子。可用于适配 */ } </style> </head> <body> <div class="box"></div> </body> </html>
