宽度100%高度70%的背景图片
Posted 韩帅
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了宽度100%高度70%的背景图片相关的知识，希望对你有一定的参考价值。
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%的背景图片的主要内容，如果未能解决你的问题，请参考以下文章