彩虹css样式

彩虹
用渐变模书写彩虹
解析：制作一个彩虹之需要一个div 标签，用一个div标签怎样制作一个太极图呢？
通过径向渐变 background:radal-gradientl()d的属性，在radial-gradient(blue 0%, red 100%)100px/100px,一个起始位置和一个终点位置来改变颜色，100px/100px来改变渐变的位置

<style>
            div{
                width:300px;
                height:300px;
                margin:auto;
    
                background:radial-gradient(#fff 80px,#6d35a6 80px, #6d35a6 90px,#00a8fe 90px,#00a8fe 100px,#98d6ec 100px,#98d6ec 110px,#91cf42 110px,#91cf42 120px,#ffff00 120px,#ffff00 130px,#ffa03d 130px,#ffa03d 140px, #fd2000 140px, #fd2000 150px, transparent 150px ) no-repeat 0 150px/300px 299px
            }
        </style>