网站 › 『编程语言区』 › 利用css画八卦图

w7l7 发表于 2019-2-21 00:15

利用css画八卦图

#test3{
        width:300px;
        height:600px;
        background:white;
        border-right:300px solid black;
      border-radius:300px;
}
#test::before{
        content:'';
        background:white;
        display:block;
        width:100px;
        height:100px;
        border:100px solid black;
        border-radius:300px;
        margin-left:150px;
}


#test3::after{
        content:'';
        background:black;
        display:block;
        width:100px;
        height:100px;
        border:100px solid white;
        border-radius:500px;
        margin-left:150px;
}
<div=“test3”></div>

w7l7 发表于 2019-2-21 16:35

ding80759 发表于 2019-2-21 16:22
是什么鬼有这种写法？
还有css里面的 test 样式写了div吶？

哈哈 ，我写错了，前面应该有个ID 没有写上去。

ding80759 发表于 2019-2-21 16:22

<div=“test3”></div>
是什么鬼有这种写法？
还有css里面的 test 样式写了div吶？

w7l7 发表于 2019-2-21 00:16

有没有更加优美的写法，求大神 指点的哈、

骑着黑马儿 发表于 2019-2-21 00:27

厉害   楼主 赞一个！！！！！

wwwmirage 发表于 2019-2-21 08:07

学习一下~~~~~~

多幸运遇见baby 发表于 2019-2-21 11:23

鼓励转贴优秀软件安全工具和文档！

w7l7 发表于 2019-2-21 16:20

哈哈，有没有大佬，能指点一下，更叫优美的写法”

xiaoqinqinlove 发表于 2019-2-21 16:59

没有效果图么？

lijunpeng71 发表于 2019-2-25 18:48

就是这张图片

查看完整版本: 利用css画八卦图