新建一个html页面,定名为test.html,用于介绍CSS3中background的新用法。
利用CSS3设置布景图片的巨细。本家儿如果利用background-size设置布景图片巨细,例如,下面界说一个长宽都为300px的div,在div中利用background-size设置布景图片巨细。代码如下:
在浏览器运行test.html文件,查看结果,当作功设置布景图片的巨细。
利用CSS3拉伸布景图片。同样也是利用background-size来设置,例如,设置布景图片宽度为40%,设置布景图片的高度为100%,代码如下:
在浏览器运行test.html文件,查看结果,当作功拉伸布景图片。
在CSS3中,许可设置多张布景图片,当第一张布景图片无法显示出来的时辰,会显示第二张布景图片。代码如下:
在浏览器运行test.html文件,查看结果。当3.png布景图片不存在的时辰,显示1.png布景图片。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!