css 四角辉光

最新推荐文章于 2024-05-03 22:01:01 发布

chelen_jak

最新推荐文章于 2024-05-03 22:01:01 发布

阅读量963

点赞数

分类专栏：实用 CSS

实用同时被 2 个专栏收录

738 篇文章

订阅专栏

CSS

191 篇文章

订阅专栏

原文出处： http://www.cnblogs.com/vali/p/8674649.html

<div class="rect" >四角辉光效果</div>

.rect{
    width: 268px; 
    height: 134px; 
    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;  
}