在css中 ， background-size属性主要用于指定背景图片的大小 。 下面小编举例讲解css中background-size属性的作用是什么 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css中background-size属性的感化是什么 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 用于测试 。
文章插图
3在test.html文件内 ， 给div标签添加一个class属性 ， 设置为mydiv 。
文章插图
4在css标签内 ， 经由过程class设置div标签的样式 ， 界说它的宽度为300px ， 高度为300px ， 边框为1px ， 布景图片为1.png 。
文章插图
5在css标签内 ， 再经由过程background-size属性界说布景图片宽高都为100% ， 即占满整个div 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：1【css中background】1、利用div标签建立一个模块 ， 给div标签添加一个class属性 。 2、在css标签内 ， 经由过程class设置div标签的样式 ， 界说它的宽度为300px ， 高度为300px ， 边框为1px ， 布景图片为1.png 。 3、在css标签内 ， 再经由过程background-size属性界说布景图片宽高都为100% ， 即占满整个div 。 4、在浏览器打开test.html文件 ， 查看实现的结果 。
以上内容就是css中background的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何在WPS中保护文档限制编辑
- 如何在WPS中编辑文档行号
- 如何在AI中使用缩拢工具
- 如何在AI中使用魔棒工具
- 如何在AI中使用旋转扭曲工具
- 如何在AI中使用变形工具
- 宁夏沙漠扶梯是中国第一个沙漠大扶梯吗
- 中国人怎么去所罗门群岛
- 如何在WPS中编辑图片效果
- 如何在WPS中实现文字环绕图片效果