如何用css画一个彩虹

2020-05-03 社会 58阅读

http://www.w3.org/1999/xhtml">


<&><br> <style><br /> #rainbow<br /> {<br /> background: transparent;<br /> position: relative;<br /> height:100px;<br /> width:200px;<br /> overflow: hidden;<br /> }<br /> #rainbow:before<br /> {<br /> content: "";<br /> position:absolute;<br /> display: inline-block;<br /> background: transparent;<br /> bottom:-20px;<br /> left:50%;<br /> margin-left: -25px;<br /> height:50px;<br /> width:50px;<br /> border-radius: 50%;<br /> box-shadow: 0 0 0 3px rgb(139, 0, 255),<br /> 0 0 0 6px rgb(0, 0, 255 ),<br /> 0 0 0 9px rgb(0, 127, 255),<br /> 0 0 0 12px rgb(0, 255, 0),<br /> 0 0 0 15px rgb(255, 255, 0),<br /> 0 0 0 18px rgb(255, 165, 0),<br /> 0 0 0 21px rgb(255, 0, 0);<br /> <br /> }<br /> </style><br /> <body><br /> <div id="rainbow"></div><br /> </body><br /></html></style></&>
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com