哪个css样式能让图片充满屏幕

PHP中文网

2023-06-07 帮助18人

在css中，可以利用“background-size:cover;”样式让图片充满屏幕，“background-size”属性的作用是设置背景图片的大小，当属性值为“cover”时，背景图片就会扩展至足够大，使背景图片完全充满屏幕。

学新通技术网

哪个css样式能让图片充满屏幕

在css中可以利用background-size属性使图片能够充满整个屏幕，首先我们将图片设置为body的背景图片这时候再通过background-size属性即可使图片充满屏幕，该属性的作用是规定背景图像的尺寸。

当该属性的值为cover时，把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

示例如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>title</title>
</head>
<body style="background-image: url(1118.02.png);">
    <style>
body{
  background-size: cover;
}
    </style>
</body>
</html>

输出结果：

学新通技术网

这篇好文章是转载于：学新通技术网

哪个css样式能让图片充满屏幕

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

word里面弄一个表格后上面的标题会跑到下面怎么办

《学习通》视频自动暂停处理方法

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

怎样阻止微信小程序自动打开

excel下划线不显示怎么办

excel打印预览压线压字怎么办

photoshop蒙版画笔没反应怎么办