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】

  • 相关阅读:
    Jessica's Reading Problem POJ
    FatMouse and Cheese HDU
    How many ways HDU
    Humble Numbers HDU
    Doing Homework again
    Stacks of Flapjacks UVA
    Party Games UVA
    24. 两两交换链表中的节点
    面试题 03.04. 化栈为队
    999. 可以被一步捕获的棋子数
  • 原文地址:https://www.cnblogs.com/gao7/p/10995059.html
Copyright © 2011-2022 走看看