css 四角辉光

.rect{
    width: 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;  
}

 

posted @ 2018-03-30 10:08  Terre  阅读(616)  评论(0编辑  收藏  举报

风光无限好