1、新建html文档。
2、书写hmtl代艨位雅剖码。<div class="container"> &造婷用痃lt;div class="row clearfix" id="testArea"> </div></div>
3、书写css代码。<style> .testCon{padding: 5px 15px;} 茑霁酌绡h4.tesTitle{color: #00B895;} .test-form-box{max-height: 660px;overflow: auto;} .assignment{margin: 30px 0 60px;text-align: center;} .assignment .btn{background: #00B895;width: 120px;font-size: 18px;border-color: #00B895;} #testForm .testCon:nth-child(odd){background: #eee;} label{font-weight: normal;} .jxz-title{text-align: justify;} .topic-answer{display: none;}</style>
4、书写并添加js代码。<script src="js/jquery.min.js"></script><script src="js/test.js"></script>
5、代码整体结构。
6、查看效果。