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

我们现在经常会用到CSS,在编写过程中,会遇到CSS背景图像大小设置的问题,那么css中如何设置背景图片的大小呢?下面我们就来看一下css中设置背景图片大小的方法。

我们可以通过background-size来设定背景图像的大小。它可以是像素(px)或者是百分比(%),

举例说明:

background-size:950px* 200px:这表示把背景图片大小调整为宽度950像素,高度200像素。

关于background-size的语法说明:

属性名:background-size

属性值:

<bg-size>* 其中 bg-size = [ <length> | <percentage> | auto ]{1,2} | cover | contain

示例:(两个值: 第一个值指定图片的宽度,第二个值指定图片的高度)

background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css中如何设置背景图片的大小?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑