zoukankan      html  css  js  c++  java
  • background-clip和background-origin

    background-clip
    修剪:背景颜色从哪些区域开始显示,默认从border开始
    该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,
    背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了
    一部分一样。
    background-clip: border-box;//包含边框
    background-clip: padding-box;//包含内边距
    background-clip: content-box;//只包含内容,除去内边距


    background-origin
    起源:背景图片是从哪个区域开始绘制的(边框,补白或内容区域),默认从padding开始
    该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,
    你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
    background-origin: border-box;//包含边框
    background-origin: padding-box;//包含内边距
    background-origin: content-box;//只包含内容,除去内边距
  • 相关阅读:
    python2与python3 版本区别
    ORM 应用详解
    静态文件与APP
    Django框架简介,wsgiref 与 jinja2 模块
    Django框架的安装,项目创建
    自定义socket 模拟B/S服务端
    web框架原理,http 协议
    python 变量,输入,输出
    css 权重值(层叠性)详解
    css 的继承性
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/6204430.html
Copyright © 2011-2022 走看看