900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html怎样修改背景图片大小 css中如何设置背景图片的大小?

html怎样修改背景图片大小 css中如何设置背景图片的大小?

时间:2018-11-20 12:34:28

相关推荐

html怎样修改背景图片大小 css中如何设置背景图片的大小?

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

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

举例说明:

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

关于background-size的语法说明:

属性名:background-size

属性值:

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

示例:(两个值: 第一个值指定图片的宽度,第二个值指定图片的高度)background-size: 50% auto

background-size: 3em 25%

background-size: auto 6px

background-size: auto auto

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。