您现在的位置是：网站首页> 编程资料编程资料

css画太极图(阴阳八卦)太极图谱解析软件 PDF版疯狂猜成语太极图案上一个气字答案是什么成语

2021-09-06 760人已围观

简介 css画太极图，样式很简单，大家看下面的代码吧

复制代码

代码如下:

#yin-yang {
width: 96px;
height: 48px;
background: #eee;
border-color: red;
border-style: solid;
border-width: 2px 2px 50px 2px;
border-radius: 100%;
position: relative;
}
#yin-yang:before {
content: "";
position: absolute;
top: 50%;
left: 0;
background: #eee;
border: 18px solid red;
border-radius: 100%;
width: 12px;
height: 12px;
}
#yin-yang:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: red;
border: 18px solid #eee;
border-radius:100%;
width: 12px;
height: 12px;
}

上一篇：CSS3 Flexbox中flex-shrink属性的用法示例介绍利用CSS3的flexbox实现水平垂直居中与三列等高布局CSS3的Flexbox骰子布局的实现及问题讲解基础的CSS3弹性盒Flexbox布局使用实例CSS3的Flexbox布局的简明入门指南css3弹性盒模型（Flexbox）详细介绍10分钟理解CSS3 FlexBox弹性布局

下一篇：CSS表格样式：圆角，隔行，变色的具体实现css3隔行变换色实现示例css美化表格让其隔行变色显示CSS expression 隔行换色效果网页设计制作CSS实现隔行换色两种方法-CSS教程-网页制作-网页教学网CSS实现网页中的隔行换色代码-CSS教程-网页制作-网页教学网CSS网页隔行换色技巧-CSS教程-网页制作-网页教学网HTML n种方式实现隔行变色的示例代码