在css中， 可以通过background-size属性来改变背景图片的高度和宽度 。 下面小编举例讲解CSS如何改变background-image的大小 。
文章插图
需要这些哦
html+css
代码编纂器：Dreamweaver CS5
方式/
1【CSS如何改变background】新建一个html文件， 定名为test.html， 用于讲解css若何改变background-image的大小 。
文章插图
2在test.html文件内， 利用div建立一个模块， 下面将利用css设置其布景图片 。
文章插图
3在test.html文件内， 给div添加一个class属性， 属性值为testdiv， 用于下面设置样式 。
文章插图
4在css标签内， 经由过程class设置div的样式， 界说div的宽度为300px， 高度为200px， 边框为1px， 布景图片为images文件夹下面的2.jpg图片 。
文章插图
5在css标签内， 再利用background-size设置布景图片的宽度为300px， 高度为200px， 实现铺满整个div模块 。
文章插图
6在浏览器打开test.html文件， 查看实现的结果 。
文章插图
总结：11、在test.html文件内， 利用div建立一个模块 。
2、在css标签内， 设置div的高度， 宽度， 布景图片 。
3、在css标签内， 再利用background-size设置布景图片的宽度、高度 。
注重事项background-size还撑持百分比宽度， 高度的设置 。
以上内容就是CSS如何改变background的内容啦， 希望对你有所帮助哦！
推荐阅读
- 微信年度账单怎么看 如何查看微信年度账单
- 如何用微信提取图片中的文字？
- 快手短视频链接如何提取？
- 新版微信如何添加小程序
- 手机QQ上如何退出群聊
- U盘中隐藏文件如何找回
- 如何关闭QQ每日精选提示消息
- 如何分辨金毛和拉布拉多
- 如何养石金钱龟 食物营养搭配要合理
- 如何区分黄玫瑰和香槟玫瑰?