如何设置背景图片的大小?

background-size:auto;
background-size:某某px;
background-size:某某%;
background-size:cover;
background-size:contain;
属性说明：
1、auto:默认值，不改变原始图片的大小。
2、xxpx:自定义设置图片的大小，一般为成对出现例如 100px,50px,当设置一个值的时候，将其作为图片的宽度只进行等比缩放。
3、百分比:0%-100%的任意值，一般也是成对出现，当设置一个值的时候，就成了正方形了。
4、cover：覆盖，用背景图等比例缩放填满整个容器。（推荐使用）
5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

如何设置背景图片的大小?相关推荐

css怎么设置背景图片自适应大小
在css中,可以利用"background-size"属性设置背景图片自适应大小,该属性用于设置背景图片的大小,只需要给背景图片元素添加"background-size: ...
css设置背景图片的大小、填充方式
我们可以指定像素值或百分比确定背景图片的大小示例 <p> Lorem ipsum,中文又称"乱数假文", 是指一篇常用于排版设计领域的拉丁文文章 ,主要的目的为测试文 ...
CSS 设置背景图片
一.基本设置使用 CSS 可以通过以下属性设置背景图片: background-image: 设置背景图片的 URL. background-size: 设置背景图片的大小.可以设置为绝对像素值,也 ...
CSS3的background-size：设置背景图片大小
说明 background-size: length|percentage|cover|contain; 此属性是用来设置 :背景图片的大小 length|percentage|:是用来设定背景图片的 ...
YDOOK : CSS div 设置背景图片大小自动缩放
YDOOK : CSS div 设置背景图片大小自动缩放设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...
html中body如何设置图片,如何调整body标记中的html背景图片的大小
我想在我的html中使用背景图片(bg.png),但我想调整图片的大小,所以它会始终填充整个页面.我这样做是这样的:如何调整body标记中的html背景图片的大小 .stretch { width:1 ...
如何在div中设置背景图片并且自适应div大小
参考如下代码,设置背景图片的大小为100% 100%并且设置no-repeat 这样图片就能在div改变的情况下,仍然显示完全 <!DOCTYPE html> <html>&l ...
html设置背景图片高度,如何使用CSS设置背景图像的大小？
如何使用CSS设置背景图像的大小?下面本篇文章就来给大家介绍一下使用CSS设置背景图像大小的方法,希望对大家有所帮助. image CSS background-size属性可用于设置背景图像大小:使 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
怎么把html背景图片,css如何设置背景图片？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本文就给大家介绍css怎样设置背景图片. css可以通过background-ima ...

如何设置背景图片的大小?

如何设置背景图片的大小?相关推荐

最新文章

热门文章