zoukankan      html  css  js  c++  java
  • background-position

    ■ 定义

    background-position属性用于定义图片在背景中的位置

    ■ 使用说明

    语法:

    background-position: x y;

    属性值:

      x:x坐标,水平方向

      y:y坐标,垂直方向

    x(水平方向)和y(垂直方向)都使用方位名词或者精确单位

    □ 方位名词

    方位名词有以下两类:

      ▶ 水平方位:left center right

      ▶ 垂直方位:top center bottom

    如果指定的两个值都是方位名词,则两个值前后顺序无关,比如left top和top left效果一样

    如果只指定了一个方位名词,另一个值省略,则第二个值默认居中对齐

    □ 精确单位

    精确单位值由以下类别:

      ▶ 百分数

      ▶ 由浮点数字和单位标识符组成的长度值

    如果参数值是精确坐标,那么第一个肯定是x坐标,第二个一定是y坐标

    如果只指定一个数值,那该数值一定是x坐标,另一个默认垂直居中

    □ 参数是混合单位

    如果指定的两个值是精确单位和方位名词混合使用,则第一个值是x坐标,第二个是y坐标

    示例

    background-position:20px center;  /* x坐标是20px,y是center */
    background-position:center 20px ; /* x坐标是center,y是20px */
  • 相关阅读:
    大数据之路_1
    Echart图表设置项
    AsyncSocket
    book_.Net与设计模式
    book_精通正则表达式
    操作系统基本功能
    操作系统基础
    网络系统结构与设计的基本原则
    3.1EDA和数据描述: 探索性数据分析
    宽带城域网
  • 原文地址:https://www.cnblogs.com/shiliye/p/14184932.html
Copyright © 2011-2022 走看看