1.说明：
推荐指数：★★★★
通过动画太极的方法，增加学习兴趣，对html的结构和css、JavaScript、div的认识和了解会逐步深入。
2.复习html的结构框架
html结构基本框架代码
3 div法
3.1 代码：复制下面的代码，命名为：div法.html，用浏览器打开即可。
div法的旋转的太极图
3.2 效果图
4 css法
4.1 css法.html代码
css法的旋转的太极图
4.2 tj.css代码：注意与上面两个文件放在同一个文件夹下.tj{ width: 100px; height: 200px; border: solid black; border-width: 2px 100px 2px 2px; background-color: #fff; border-radius: 50%; position: absolute; /*run是动起来的函数，在最后面设置和定义*/ animation: run 2s linear infinite; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}.tj:before{ content: ‘ ‘; position: absolute; width: 28px; height: 28px; background-color: black; /*36=(100-28)/2得到的，是小白色圆圈的半径*/ border: 36px #ffff