㈠ css设置背景图片大小
div{
background-image:url("1.jpg");
background-size:100px 200px;
}
㈡ css 背景图片显示不完整
css2如果用背景图,实现个分辨率下的图片填充效果是做不到的。用CSS3可以,但是多数浏览器还不支持
如果一定要用,可以通过 <img src="图片路径" width="100%" height="自己设置(固定高度)或不写(自适应高度)" style="position:absolute; z-index:-1; 其他设置根据自己的需求写" />
㈢ CSS背景图片太大怎么办
可以通过图片压缩工具将图片压缩变小
㈣ css3中增加了两种设置调整背景图片大小的方式,分别是什么
1 background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */
2 background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */
3 background-size:10%;/* 0%~100%之间的任何值,将背景图片宽高按百分比显示,当设置一个值的时候同也将其作为图片宽度来等比缩放 */
4 background-size:cover;/* 将背景图片等比缩放填满整个容器 */
5 background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
㈤ CSS样式表控制背景图片大小
可以通过background-size属性来设定背景图片的大小。它可以是像素(px)或者是百分比(%),举例说明:background-size:950px* 200px这表示把背景图片大小调整为宽度950像素,高度200像素。
1、background-size的语法说明:
(1)属性名:background-size
(2)属性值:其中 bg-size = [|| auto ]{1,2} | cover |
contain
(3)初始值:auto auto
(4)应用于:所有元素
(5)继承性:无
(6)百分比:后面会说明
(7)计算值:根据指定
2、代码说明:
/* 一个值: 这个值指定图片宽度,第二个值为auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px
/* 两个值: 第一个值指定图片的宽度,第二个值指定图片的高度 */
background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto
/*多重背景,用逗号隔开,在CSS语法中凡语法后跟*或者#,都是可以无限重复的,但必须用逗号隔开。 */
background-size: auto, auto /* 请区别于background-size: auto auto*/
background-size: 50%, 25%, 25%
background-size: 6px, auto, contain
background-size: inherit
(5)css背景图片太大扩展阅读:
背景重复:
如果需要在页面上对背景图像进行平铺,可以使用background-repeat 属性。
属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
背景图像将从一个元素的左上角开始。如下:
body
{
background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y;
}
背景定位:
可以利用background-position 属性改变图像在背景中的位置。
下面的例子在 body 元素中将一个背景图像居中放置:
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat; background-position:center;
}
为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。
㈥ css文件 如何使背景图片大小适应div的大小
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
㈦ css中的背景图怎么改变大小
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
㈧ css背景图片大小设置
background–size:20px 80px;
第一个值控制宽
第二个值控制高
㈨ css如何定义背景图片的大小
CSS可以控制图片的大小,也可以控制背景图片的位置,但是不可以控制背景图片的大小,假如你背景图片是100*100的大小,你只要10*10的背景图,那么你就单独做一个10*10的背景图不就好了。