CSS特效

 去掉 点
/* list-style: none; */

无下划线

    text-decoration: none;

　　

投影

 .u1 {
box-shadow: rgba(17, 37, 127, 0.27) 2px 0px 15px;
/*background: rgba(217, 217, 217, 0.29); */
} 

文字边框 背景

.h{
    color: #fff;   
box-shadow: #e40231 0px 0px 1px;// 文字边框
    background: rgb(246, 188, 3);  // 文字背景
    }

动画 360旋转

.u1 .l1 img {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.u1 .l1 img:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

 示例

看效果

代码

<div class="endv_code" style="color: #800555;  100px; height: 50px; background: #0000ff;">看效果</div>

 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.1);