怎么用css把背景图片拉伸 不是平铺

怎么用css把背景图片拉伸 不是平铺,第1张

1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。

2、然后建立一个html文档,将它和背景图片放到一个文件夹中。

3、编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。

4、就给div设置背景图片。

5、在浏览器中预览会发现图片平铺了,这不是想要的效果。

6、然后可以给div再加上属性,-moz-background-size:100% 100%background-size:100% 100%。

7、这样设置后就会发现背景图片拉伸至100%了。

给电脑设置全屏桌面背景的方法如下:

1、首先打开电脑,然后点击电脑桌面左下角的微软按钮,在d出的界面中,我们点击“设置”按钮。

2、然后在设置页面中,点击“个性化”按钮。

3、然后在d出的页面中,我们看到选择契合度,在选择契合度下方框框中点击右侧“下拉”按钮。

4、最后在d出页面中,如果我们想要全屏显示背景,我们需要选择“拉伸”按钮,这样我们就将选择契合度设置成拉伸了,也就让我们的背景变成全屏显示了。

PS拉伸照片背景的方法是:

1、在ps中点击图层上的小锁,将其解开,拖动图片将其下拉。

2、点击编辑选项,点击“内容识别缩放”。

3、点击上方的小人选项,拉伸图片即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11304935.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存