1.给边框设置阴影
border:2px solid #e4007e;
box-shadow: darkgrey 0px 0px 30px 5px inset;//边框内阴影
距离左边像素 距离上边像素 模糊度 边框
2. 设置渐变的背景颜色
/* background: -webkit-radial-gradient(#19370D 5%, green 15%, #19370D 60%); /* Safari 5.1 - 6.0 */
/*background: -o-radial-gradient(#19370D 5%, green 15%, #19370D 60%); /* Opera 11.6 - 12.0 */
/*background: -moz-radial-gradient(#19370D 5%, green 15%, #19370D 60%);/* Firefox 3.6 - 15 */
background: radial-gradient( green 5%, #325211 15%, #19370D 60%); /* 标准的语法（必须放在最后） */
3. display: flex; align-items:center; 居中对齐弹性盒的各项 <div> 元素：
css3代码中遇见的问题
原文地址：https://www.cnblogs.com/930115586qq/p/9488916.html