css 四角辉光

.rect{
     568px; 
    height: 834px; 
    float:left;
    border:1px solid #18324C;
    background: linear-gradient(to left, #9EE7FF, #1C75AC) left top no-repeat, 
                linear-gradient(to bottom, #9EE7FF, #1C75AC) left top no-repeat, 
                linear-gradient(to left, #9EE7FF, #1C75AC) right top no-repeat,
                linear-gradient(to bottom, #9EE7FF, #1C75AC) right top no-repeat, 
                linear-gradient(to left, #9EE7FF, #1C75AC) left bottom no-repeat,
                linear-gradient(to bottom, #9EE7FF, #1C75AC) left bottom no-repeat,
                linear-gradient(to left, #9EE7FF, #1C75AC) right bottom no-repeat,
                linear-gradient(to left, #9EE7FF, #1C75AC) right bottom no-repeat;
    background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;  
}
原文地址:https://www.cnblogs.com/vali/p/8674649.html