网站常用背景图的设置

时间:2021-10-29 来源:未知网络 作者:996建站网

在实际的开发中,我们经常使用的背景图片比屏幕要小一点,这时候我们希望这个背景图片自动的铺满而不repeat,并且为了美观,我们希望保持其图片原有的长宽比。这时候,我们使用以下方法就可以了

  1. <style>
  2. html {
  3. width:100%;
  4. height:100%;
  5. }
  6. .bk{
  7. width:100%;
  8. height:100%;
  9. background-image: url(tupian.aladd.net/photo2);
  10. background-repeat: no-repeat;
  11. background-size: 100% 100%;
  12. }
  13. </style>
  14. <body class="bk">
  15. </body></span>

网站常用背景图的设置插图

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序