热搜:前端 nest neovim nvim

css如何设置背景图片铺满全屏幕

lxf2023-03-06 12:32:02

css设置背景图片铺满全屏幕的办法:可以用background-size特性来达到,如【background-size: cover;】。基础属性cover表明把背景图像扩展至够大。

css如何设置背景图片铺满全屏幕

文中作业环境:windows10系统软件、css 3、thinkpad t480计算机。

在css中有一个用于设置背景图片尺寸的特性background-size,该特性可用于设置背景图片的高度和总宽。与此同时我们也可以用它将背景图案扩展至必须尺寸。

词法:

background-size: length|percentage|cover|contain;

基础属性:

  • length 设置背景图像的高度和总宽。第一个值设定总宽,第二个值设定相对高度。如果要设置一个值,则第二个值能被设为 "auto"。

  • percentage 以父元素的百分数来设置背景图像的总宽和高度。第一个值设定总宽,第二个值设定相对高度。如果要设置一个值,则第二个值能被设为 "auto"。

  • cover 把背景图像扩展至够大,以便背景图像彻底遮盖环境地区。背景图像的某个一部分或许不显示在环境精准定位区域中。

  • contain 把图象图像扩展至较大规格,以便其总宽和高度彻底融入具体内容地区。

(学习培训视频共享:css视频教学)

css设置背景图片布满全屏幕的办法:

css如何设置背景图片铺满全屏幕

相关信息:CSS实例教程

以上就是关于css如何设置背景图片铺满全屏幕的具体内容,大量欢迎关注AdminJS其他类似文章!