/* 例 1: 默认值 */
background-position: 0 0; /* 元素的左上角 */  /* 例 2: 把图片向右移动 */
background-position: 75px 0;   /* 例 3: 把图片向左移动 */
background-position: -75px 0;   /* 例 4: 把图片向下移动 */
background-position: 0 100px;  

参考:

http://www.bkjia.com/CSSjc/898331.html

css设置background图片的位置实现居中相关推荐

  1. background-position—CSS设置背景图片的位置

    background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置.因为在默认情况下背景图片都是从设置了 background-posit ...

  2. Html设置背景图模糊,CSS设置背景图片模糊内容不模糊的解决方法

    需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置, ...

  3. CSS 设置背景图片

    一.基本设置 使用 CSS 可以通过以下属性设置背景图片: background-image: 设置背景图片的 URL. background-size: 设置背景图片的大小.可以设置为绝对像素值,也 ...

  4. php设置背景图片的代码,css设置背景图片如何实现?(代码实例)

    本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...

  5. html如何把图片在背景图一半,img只显示图片一部分 或 css设置背景图片只显示图片指定区域...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  6. 怎么定位html的坐标,css怎么定位图片的位置?

    css怎么定位图片的位置?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css定位img图片的位置 在css中,可以使用position属性配合top. ...

  7. html背景图片只显示一张图片,img只显示图片一部分 或 css设置背景图片只显示图片指定区域(示例代码)...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  8. css 设置背景图一半_img只显示图片一部分 或 css设置背景图片只显示图片指定区域...

    17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...

  9. html图片的宽度和高度设置,CSS设置img图片的宽度和高度

    如何使用CSS控制HTML中图片高度宽度,统一对象内图片高度宽度等样式属性? 我们在布局图片列表时,通常我们要控制img图片的高度和宽度这样来达到图片统一. 如以下这个的图片列表布局示图 图片img高 ...

最新文章

  1. R语言cut函数实现数据分箱及因子化实战
  2. 【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )
  3. C语言 · 数位分离
  4. SSM中jsp向后台Controller传值中文乱码的奇葩解决!!!
  5. The new NDK support in Android Studio 1.3
  6. SSAS : 使用.NET为SSAS编写自定义程序集(四)
  7. Python3 爬虫学习笔记 C06 【正则表达式】
  8. group by 用法解析_GRE数学专项练习及解析概率
  9. Nginx Unit 与 LEMUR 新架构
  10. 第五讲计算结果的可视化
  11. react-demo
  12. VIJOS-P1626 桐桐的糖果计划
  13. Android HOME键那些事
  14. 优雅高效的多边形对称性判定算法
  15. 华为OD机试真题 Python 实现【开放日活动】【100%通过率】【2022.11 Q4 新题】
  16. Oracle 聚合实现小计、合计 (GROUP BY ROLLUP)
  17. 煤炭企业内部调拨物资称重问题如何管理(一)
  18. 开源PLM软件Aras详解三 服务端简易开发
  19. Java判断用户是通过pc,还是安卓还是ios,还是微信客户端访问
  20. ASP.NET MVC5 网站开发实践 - 概述

热门文章

  1. 性能测试系列:高可用测试linux常用命令
  2. layui怎样将响应数据展示在页面_layui-table对返回的数据进行转变显示的实例
  3. 帝国cms怎么搭建python环境_用python 发 帝国cms 文章
  4. 利用深度卷积模型对巴拉科咖啡叶疾病进行分类
  5. cleanlab(解决图像标记错误)
  6. pytorch CNN
  7. java实现EXcel的RC地址变成常规地址
  8. react 显示当前时间_React 灵魂 23 问,你能答对几个?
  9. 数据挖掘实践(金融风控)——task5:模型融合
  10. AI还原历史真相,背后的原理竟然这么简单!