CSS制作梦幻彩虹效果(2)

            border: solid #ffff00 10px;   

            border-radius: 100%;   

            box-sizing: border-box;   

            content: "";   

        }   

        .box2{   

            float: left;   

            margin-top: -180px;   

            margin-left: 20px;   

            width: 360px;   

            height: 180px;   

            overflow: hidden;   

        }   

        .box2::before{   

            float: left;   

            display: block;   

            margin: 0;   

            width: 360px;   

            height: 360px;   

            border-radius: 100%;   

            border: solid 10px #ff0000;   

            box-sizing: border-box;   

            content: "";   

        }   

        .box2::after{   

            display: block;   

            margin-top: 10px;   

            margin-left: 10px;   

            width: 340px;   

            height: 340px;   

            border-radius: 100%;   

（编辑：ASP站长网）