CSS如何改变background

在css中,可以通过background-size属性来改变背景图片的高度和宽度。下面小编举例讲解CSS如何改变background-image的大小。

东西/原料

  • html+css
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解css若何改变background-image的巨细。

  2. 2

    在test.html文件内,利用div建立一个模块,下面将利用css设置其布景图片。

  3. 3

    在test.html文件内,给div添加一个class属性,属性值为testdiv,用于下面设置样式。

  4. 4

    在css标签内,经由过程class设置div的样式,界说div的宽度为300px,高度为200px,边框为1px,布景图片为images文件夹下面的2.jpg图片。

  5. 5

    在css标签内,再利用background-size设置布景图片的宽度为300px,高度为200px,实现铺满整个div模块。

  6. 6

    在浏览器打开test.html文件,查看实现的结果。

    END

总结:

  1. 1

    1、在test.html文件内,利用div建立一个模块。

    2、在css标签内,设置div的高度,宽度,布景图片。

    3、在css标签内,再利用background-size设置布景图片的宽度、高度。

    END

注重事项

  • background-size还撑持百分比宽度,高度的设置。
  • 发表于 2020-04-08 19:00
  • 阅读 ( 918 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具