zoukankan      html  css  js  c++  java
  • css3之背景background-origin,background-clip,background-size

    background-origin属性指定了背景图像的位置区域。

    content-box, padding-box,和 border-box区域内可以放置背景图像。

    background-clip用来将背景图片做适当的裁剪以适应实际需要。

    效果

    background-size 指定背景图像的大小:

    语法:

    background-size: auto | <长度值> | <百分比> | cover | contain

    1、auto:默认值,不改变背景图片的原始高度和宽度;

    2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;

    3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;

    4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;

    5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。

  • 相关阅读:
    Python大婶博客汇总
    DevOps之零停机部署
    DevOps之持续交付
    DevOps工具链
    DevOps的概念
    敏捷开发
    自动化运维
    tomcat优化
    java 集合专练
    java匿名内部类,多态,接口练习
  • 原文地址:https://www.cnblogs.com/myzy/p/7016263.html
Copyright © 2011-2022 走看看