css拓展

Posted 2022-10-30 strawberry-1

自定义居中

.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);