8-14 钟诚

学习心得

  • background-image:url(图片路径);
    background-repeat: repeat:默认值,平铺
    – no-repeat:不平铺
    – repeat-x:x轴平铺
    – repeat-y:y轴平铺
    background-position:X Y
    backgroung-attachment
    当背景图片设置了fixed时,background-position是按照窗口固定,而不再按照容器位置固定显示(right bottom 取窗口的右下角)

    • scroll:默认值,背景图片会随着窗口滚动条滚动
    • fixed:背景图相对于窗口固定,窗口滚动时背景图片位置不变,但是只会在元容器内显示
  • 重复的线性渐变
  • background-image:repeating-linear-gradient(angle,color-point1,color-point2,..)
  • 重复的径向渐变
  • backgrond-image:repeating-radial-gradient(半经 at 圆心x 圆心y,color-point….)

总结:做出来的成就感!冲冲冲!!!这两天练习都有趣 坐起精力充沛

标签

评论

this is is footer