这个效果该怎么做

Question

如图，这个立体效果， 用下边和 右边两条线就实现了 （这两条线的颜色是由内向外有渐变的）

用css 应该怎么出这个效果

Answer 1

box-shadow:-10px 0 10px red, /*左边阴影*/  
    10px 0 10px yellow, /*右边阴影*/  
    0 -10px 10px blue, /*顶部阴影*/  
    0 10px 10px green; /*底边阴影*/ 

box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色

Answer 2

两个伪元素，一横一竖，弄背景渐变，绝对定位定好完事