15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 网站常用背景图的设置

网站常用背景图的设置

时间:2023-07-26 01:36:02 | 来源:网站运营

时间:2023-07-26 01:36:02 来源:网站运营

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

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

关键词:设置,背景

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭