首页 > 代码库 > css3画太极图
css3画太极图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>太极图</title> <style type="text/css"> .main { width: 150px; height: 300px; margin: 100px auto; border-radius: 150px; border:1px solid gray; border-left: 150px solid black; } .circle { width: 0px; height: px; padding: 25px; border-radius: 75px; margin-left: -75px; } .black { border:50px solid black; background: white; } .white { border:50px solid white; background: black; } </style></head><body> <div class="main"> <div class="circle black"></div> <div class="circle white"></div> </div></body></html>
css3画太极图
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。