首页 > 代码库 > 宽度100%高度70%的背景图片

宽度100%高度70%的背景图片

2024-11-26 12:42:39   203人阅读

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>宽高比例10:7</title>
 6     <style type="text/css">
 7         *{
 8             margin:0;
 9             padding:0;
10             box-sizing: border-box;
11         }
12         #box{
13             width: 100%;
14             padding-top:70%;
15             background-color: red;
16             background-image: url(https://y.gtimg.cn/music/photo_new/T001R300x300M0000025NhlN2yWrP4.jpg?max_age=2592000);
17             background-size: cover;
18         }
19     </style>
20 </head>
21 <body>
22     <div id="box">
23         
24     </div>
25 </body>
26 </html>

 

宽度100%高度70%的背景图片


联系
我们