html+css+js卡通版时间特效

1、新建html文档。

3、书写css代码。<style>html, body { width : 100%; hei爿讥旌护ght : 100%; margin : 0; padding : 0; }.wrapper { position : relative; width : 420px; margin : 0 auto; padding : 0; font-size : 0; }.icon { position : relative; display : inline-block; width : 100px; height : 100px; margin : 20px; border-radius : 18px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }body { font: normal 12px/24px '微软雅黑', tahoma; }.wrapper { margin: 0px auto; padding: 0px 20px 20px 20px; border: 1px solid #CCC; width: 665px; font-size: 12px; }.autosize { font-size: 0; background: #000; display: table; }</style>

5、代码整体结构。