成都网站建设设计

将想法与焦点和您一起共享

css实现页面背景图片的拉伸方法-创新互联

本篇内容主要讲解“css实现页面背景图片的拉伸方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css实现页面背景图片的拉伸方法”吧!

创新互联是一家专业提供巴宜企业网站建设,专注与做网站、成都网站设计H5场景定制、小程序制作等业务。10年已为巴宜众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

代码如下:


1.用js插入一张图片并控制图片宽高


代码如下:





利用CSS按比例缩放背景图片



代码如下:





到此,相信大家对“css实现页面背景图片的拉伸方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


新闻名称:css实现页面背景图片的拉伸方法-创新互联
网页URL:http://chengdu.cdxwcx.cn/article/doecph.html