网站常用背景图的设置
时间:2023-07-26 01:36:02 | 来源:网站运营
时间:2023-07-26 01:36:02 来源:网站运营
网站常用背景图的设置:在实际的开发中,我们经常使用的背景图片比屏幕要小一点,这时候我们希望这个背景图片自动的铺满而不repeat,并且为了美观,我们希望保持其图片原有的长宽比。这时候,我们使用以下方法就可以了
- <style>
- html {
- width:100%;
- height:100%;
- }
- .bk{
- width:100%;
- height:100%;
- background-image: url(http://tupian.aladd.net/photo2/1611.jpg);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- }
- </style>
- <body class="bk">
- </body></span>