首页 > TAG信息列表 > 八卦图

用css设计实现太极八卦图的效果

<div></div> <style> div{ position:relative; width:150px; height:300px; background-color:#fff; border-left:150px solid #000; border-radius:50%; } div::before{ content:''; position:absolute; top:0; left:-75px; w

css画八卦图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-

旋转的八卦图

<body> <div id="div"></div> <canvas width=400 height=400 style="border:1px solid"></canvas> <script> const canvas = document.querySelector("canvas"); const pen

边框-绘制八卦图

效果 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { position: relative; width: 400px; height: 400px; border: 1px solid