zoukankan      html  css  js  c++  java
  • 背景美化

    (1)背景图:

    使用【background-image】设置背景图片

    使用【background-repeat】设置图片重复方式:

    l  repeat:【默认值】从左到右从上到下重复

    l  no-repeat:不重复

    l  repeat-x:仅在x轴方向上重复

    l  repeat-y:仅在y轴方向上重复

    使用【background-position】设置图片在边框盒中的位置

    l  预设值:left、right、top、bottom、center

    l  数值:使用数值可实现从雪碧图(Sprite)中取得部分图像

    使用【background-size】设置背景图尺寸

    l  预设值:

    l  数值:

    使用【background-attachment】固定背景图:

    l  scroll:【默认值】背景图跟随元素移动

    l  fixed:背景图固定

    (2)背景渐变

    l  线性渐变:【background-image:linear-gradient(...)】

    l  径向渐变(圆形渐变):【background-image:radial-gradient(...)】

    4. 透明度和鼠标样式

    透明度【opacity】和alpha通道

    鼠标样式

    5. 阴影

    l  文字阴影【text-shadow】

    l  盒子阴影【box-shadow】

  • 相关阅读:
    OO第三单元总结
    oo第二单元总结
    oo第一单元总结
    OO助教工作总结
    当QSY遇上XL尺码的小黄衫
    终点亦是起点
    敏捷开发规范化
    Beta阶段性总结
    需求存在,功能存在——Alpha阶段性总结
    Gitlab Burndown Chart
  • 原文地址:https://www.cnblogs.com/gao7/p/10995059.html
Copyright © 2011-2022 走看看