css一些属性

渐变（background）

1. linear-gradient（red，yellow） 从红色渐变到黄色
2. linear-gradient（0deg，red  10px ，yellow）
   1. 0deg代表0度开始渐变，就是从左到右开始渐变，度数按逆时针旋转
   2. 10px代表red的宽度。
3. linear-gradient（0deg，rgba（3，3，3，1），rgba（255,0,0,0））
   1. rgba括号内前三个数组合成颜色，最后一个数字指透明度，
   2. 1表示完全不透明，0是完全透明，取值在0和1之间。
4. radial-gradient（red 5%，green 10%，blue 15%）
   1. 指从中间向四周渐变，后面的百分比总是大于前面的

伪类元素拓展

1. 1. 例：div1：hover   .div2{当鼠标移到div1上时div2的属性}
   2. 可以先将div2隐藏起来用display：none；
   3. 然后用上面的属性里面放上display：block；就可以了

快阴影

1. 1. box-shadow：left top 模糊度 阴影大小 颜色
   2. 如：box-shadow：10px 10px 0px 2px red；阴影向右向下移动10px分别，模糊度为0，阴影大小为2，阴影颜色为红色。
   3. box-shadow：后面可以写多个组合，中间用逗号隔开就可以了，这样就可以出现多个阴影效果。

边框图像

1. 1. border-image：九宫格原理来理解边框的图像。

   2. 九空格

      左上	上	右上
      左		右
      左下	下	右下

      border-image：格式：url（图片路径） 上  右  下 左 （repeat round stretch）