查看测试
这次仿写没有看源码，先是看了一下效果，然後拷贝了一份css便开始理思路。
思路为作者提供的下面这张图：
易经64卦，由上下部分组成，下半部分为上半部分的颠倒顺序。
目的：
思路：
直接借用HTML和CSS
最简陋的结果是出来的，但是感觉太麻烦，经过同事提醒，还可以用json......
之後写了个数组，然後用数字进去匹配，并且把详细弹出：
接著是根据卦象不同，每一横的显示文字也不同......待续
2017年3月28日 第一次修改
仅供个人新手学习使用。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
button{width:100pxheight:50pxborder:0color:whitebackground:-webkit-radial-gradient(#72787f,#545c64)}
3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。
用letter-spacing是单个个字母或数字文字的间距。你可以尝试用添加无语意的<span>来实现如：<span class="space" id="first">1</span><spanclass="space">2</span><span class="space">3</span><spanclass="space">31</span>
.space{
padding-left:3px
}
最后在通过对第一个span元素添加一个ID 取消他左面的填充就是了:
#first{
padding-left0
}
