当前位置: 首页 > news >正文

background-position

 

描述
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

如果您仅规定了一个关键词,那么第二个值将是"center"。

默认值:0% 0%。

x% y%

第一个值是水平位置,第二个值是垂直位置。

左上角是 0% 0%。右下角是 100% 100%。

如果您仅规定了一个值,另一个值将是 50%。

xpos ypos

第一个值是水平位置,第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

如果您仅规定了一个值,另一个值将是50%。

您可以混合使用 % 和 position 值。

background-position 他跟坐标系一样。第一个参数表示x的值 第二个参数表示y的值。当x为100%是表示在指定区域内的最右边 当 y的100%时 表示在指定区域内的最左边。并且数值与百分比是可以一起嵌套使用的。

转载于:https://www.cnblogs.com/luhangnote/archive/2012/09/13/2683269.html

相关文章:

  • ROS中测试机器人里程计信息
  • 基于phpExcel写的excel类,供平时方便使用
  • IaaS PaaS SaaS Daas
  • Java8 Arrays.sort VS Arrays.parallelSort应用实例源码教程
  • Facebook iOS 新版开发手记:两倍速度的背后(转)(参考)
  • Azure ARM创建和部署自定义操作系统映像
  • 维基百科新增电子书导出功能,方便离线阅读
  • CentOS6.9安装LAMP(Centos6.9+Apache2.2.15+mysql5.1.73+php5.3.3)
  • MFC禁止改变窗口大小和移动窗口
  • 人月神话6
  • Windows下编译项目 ckcore ckfilesystem
  • HTML5、canvas、SVG
  • Thirft框架介绍
  • Android鬼点子-通过Google官方示例学NDK(2)
  • Java泛型-类型擦除
  • [译]如何构建服务器端web组件,为何要构建?
  • Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
  • C++11: atomic 头文件
  • CSS 提示工具(Tooltip)
  • JavaScript对象详解
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • Laravel 实践之路: 数据库迁移与数据填充
  • magento 货币换算
  • NSTimer学习笔记
  • Protobuf3语言指南
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • Wamp集成环境 添加PHP的新版本
  • 创建一种深思熟虑的文化
  • 从零搭建Koa2 Server
  • 给github项目添加CI badge
  • 简析gRPC client 连接管理
  • 网络应用优化——时延与带宽
  • 小程序开发之路(一)
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • ​​​​​​​​​​​​​​Γ函数
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • # Panda3d 碰撞检测系统介绍
  • # Swust 12th acm 邀请赛# [ A ] A+B problem [题解]
  • (iPhone/iPad开发)在UIWebView中自定义菜单栏
  • (k8s中)docker netty OOM问题记录
  • (Redis使用系列) Springboot 实现Redis 同数据源动态切换db 八
  • (阿里云万网)-域名注册购买实名流程
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • *ST京蓝入股力合节能 着力绿色智慧城市服务
  • .cfg\.dat\.mak(持续补充)
  • .NET Core SkiaSharp 替代 System.Drawing.Common 的一些用法
  • .NET Core、DNX、DNU、DNVM、MVC6学习资料
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .net程序集学习心得
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • @取消转义
  • [<MySQL优化总结>]