元素 内部阴影 外部阴影 及 文字描边

元素内部阴影，外部阴影

   内部阴影  

   

 #app-1{
            margin: 0 auto;
            margin-bottom: 30px;
            width: 100px;
            height: 100px;
            background-color: aqua;

            // 第一个参数阴影向左平移 第二个参数阴影向右平移 第三个参数阴影宽度
            box-shadow: 0px 0px 20px red inset;  
        }

 外部阴影

 #app{
            margin: 0 auto;
            margin-bottom: 30px;
            width: 100px;
            height: 100px;
            background-color: aqua;
            box-shadow: 5px 5px 10px red;
        }

文字描边

    #app-2{
            margin: 0 auto;
            margin-bottom: 30px;
            width: 600px;
            height: 100px;
            color:white;
            background-color: aqua;
            text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; 
        }