100DaysCSS-day6挑战

主题：眼睛

你们谁知道你已经创建了多少个社交媒体资料？为了获得令人耳目一新的转折，您也可以自己创建一个。

技术：flex布局

难点：当给一个盒子设置圆角边框为50%后，边框颜色还可通过上右下左的顺序来设置，如下图

 .box {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            border-width: 20px;
            border-style: solid;
            border-color: blue green red gold;
        }

说实话，这个圆形边框之前并没有考虑到。我以为，鼠标移动到头像上旋转的圆弧使用svg技术画上去的，因为像这种上下左右颜色都不一样的边框一般只会应用给正方形，当应用给圆形时，我们好像大脑会忽略css好像还有这个功能，通过练习，发现圆形也有这个功能，get到了！！！