利用css画八卦图

w7l7

[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

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

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

ding80759

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

w7l7

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

骑着黑马儿

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

wwwmirage

学习一下~~~~~~

多幸运遇见baby

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

w7l7

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

xiaoqinqinlove

没有效果图么？

lijunpeng71

就是这张图片