手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css画太极图(阴阳八卦)
css画太极图(阴阳八卦)
摘要:#yin-yang{width:96px;height:48px;background:#eee;border-color:red;bord...

css画太极图(阴阳八卦)1

#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;

}

【css画太极图(阴阳八卦)】相关文章:

css设置body背景图片随内容增加多少

使用CSS3实现圆角,阴影,透明

css body背景图全屏不论分辨率大小

DIV+CSS标准化网页设计常用学习方法与技巧

Css应用小技巧十四例

css绝对定位

网页切图的CSS和布局经验与要点

利用CSS改善网站可访问性

css让table不显示边框的代码在火狐和谷歌浏览器中无效

css3学习心得分享

精品推荐
分类导航