css怎么调整背景图片的位置

在css中,可以使用background-position来调整背景图片的位置。下面小编举例讲解css怎么调整背景图片的位置。

东西/原料

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

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解css怎么调整布景图片的位置。

  2. 2

    在test.html文件内,利用div标签建立一个模块,用于测试。

  3. 3

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

  4. 4

    在css标签内,经由过程class设置div的样式,界说其宽度为400px,高度为300px,边框为1px,布景图片为3.jpg。

  5. 5

    在css标签内,再经由过程background-position属性设置布景图片的位置,设置其距离左边为10px,距离上边30px。

  6. 6

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

    END

总结:

  1. 1

    1、利用div标签建立一个模块,给div标签添加一个class属性。

    2、在css中,经由过程background-position属性设置布景图片的位置。

    END

注重事项

  • background-position第一个值是程度位置,第二个值是垂直。
  • 发表于 2020-05-05 19:00
  • 阅读 ( 1237 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

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 问答工具