• border属性表现元素的立体质感:

    1.border1模拟从上到下的光线:渐变 0% rgba(#fff 0.12) 20% rgba(#fff 0) 100% rgba(#fff 0)
    2.border2模拟从下到上的阴影:渐变 0% rgba(#000 0) 80% rgba(#000 0) 100% rgba(#000 0.04)
    效果如图
    image.png