css拓展

自定义居中

.second-listleft{/*固定位置*/
            position: relative;
            float: left;
            width: 25%;
            height: 100%;
            background: forestgreen;
        }
        table{/*根据固定的位置 进行绝对的移动*/

            position: absolute;
            top:50%;
            left:0;
            transform: translate(20%,-50%);

        }

/*变色特效*/
div {/*好玩的特效*/
animation: myfirst 5s;}
@keyframes myfirst/*好玩的特效*/
{0%   {background: red;}
25%  {background: yellow;}
50%  {background: blue;}〉
100% {background: green;}}

改变边框色彩

    outline:none;
    border-color: rgba(0,0,0,0.3);