CSS如何让背景图片自适应div

 时间:2024-10-12 20:27:30

1、第一步:为了便于演示,我先新建一个“演示文件夹”,并准备好背景图片放入其中。

CSS如何让背景图片自适应div

3、第四步:在<body></body>标签里面写一个div标签,并设置id。

CSS如何让背景图片自适应div

5、第六步:样式写完后保存网页文件,并在IE11.0浏览中浏览,发现,背景图片自动重复填充,不符合我们的要求。此时,我们需要继续编写样式。

CSS如何让背景图片自适应divCSS如何让背景图片自适应divCSS如何让背景图片自适应div

8、总结:1、背景图片自动适应div区域,需要在CSS中编写样式来控制。2、如果严格要求背景图片全部铺满div区域内,并显示在div区域内,则在样式中需写将背景图片尺寸和div区域大小设置一样。3、 如果只是作为背景铺满div区域,则可以这样写:background-size: cover;

  • div上下左右居中的方法
  • html如何设置select内容居中、下拉内容右对齐
  • div怎么设置背景图片
  • 怎么让两个div在同一行
  • css设置显示只显示底部边框
  • 热门搜索
    南山佛教文化旅游区 河南省旅游景点大全 西安有什么旅游景点 四川峨眉山旅游攻略 陕西汉中旅游景点大全 金坛旅游网 广西旅游发展委员会 呼伦贝尔旅游网 德阳旅游景点大全 东南亚旅游地图