如何让css背景图片占满全部背景，并且保持长宽比

时间：2021-01-02 20:29:17

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

<style type="text/css">
.bk{
  background-image: url(http://tupian.aladd.net/photo2/1611.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>

<body class="bk">
</body>


标签：

相关文章