html+css+js问卷调查投票表单

1、新建html文档。

3、书写css代码。<style>body { margin: 0; }#header { h髫潋啜缅eight: 63px; width: 100%; background-color: #eff4fa; }.header a { color: #1d5494; }.header_logo { margin-left: 40px; }.header_logo { float: left; _display: inline; width: 182px; height: 35px; margin-top: 14px; margin-left: 17px; text-indent: -9999em; background-size: 182px 35px; background-repeat: no-repeat; background-position: left center; }a { color: #225592; text-decoration: none; }.content { width: 600px; margin: 0 200px; }.vote { display: block; margin-left: 40px; float: left; }.votechoice { padding-top: 20px; }.votechoice input { float: left; }.votechoice ul { list-style-type: none; padding-top: 10px; }.votechoice ul li { width: 100%; float: left; padding-top: 15px; margin-left: 20px; }.votechoicename { display: block; width: 340px; padding-left: 25px; }.button { width: 80px; line-height: 25px; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #333; border-radius: 5px; margin: 0 20px 20px 0; position: relative; overflow: hidden; border: 1px solid #1e7db9; background-color: #2e88c0; box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset; background: -webkit-linear-gradient(top, #42a4e0, #2e88c0); background: -moz-linear-gradient(top, #42a4e0, #2e88c0); background: linear-gradient(top, #42a4e0, #2e88c0); }</style>

5、代码整体结构。