css 如何让背景图片拉伸填充避免重复显示
摘要：如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。比如一个容器（body,div,span）中设...
如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。
比如一个容器（body,div,span）中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。
所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
但是css3出现以后，这个情况被改善了。background-size 属性可以让我们之前的希望成真。
而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
复制代码
【css 如何让背景图片拉伸填充避免重复显示】相关文章：
下一篇：
网站建设怎样控制大图片的网页宽度
相关阅读
网友关注
网友最新关注视频
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 冀教版小学英语四年级下册Lesson2授课视频
- 沪教版牛津小学英语（深圳用） 五年级下册 Unit 7
- 人教版历史八年级下册第一课《中华人民共和国成立》
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案，安徽省
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 7
- 化学九年级下册全册同步 人教版 第22集 酸和碱的中和反应（一）
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案，安徽省
- 外研版英语三起6年级下册（14版）Module3 Unit1
- 3月2日小学二年级数学下册（数一数）
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习