jquery模拟快递单信息

1、准备好需要用到的图标。

2、新建html文档。

4、书写css代码。body { background-image: url(../images/wood幻腾寂埒-bg2.jpg); }.exlist { background-color: #F9EE70; margin: 30px auto; padding: 5px; width: 680px; min-height: 200px; height: auto; font-family: "微软雅黑"; -moz-box-shadow: 4px 4px 5px #333;/*firefox*/ box-shadow: 4px 4px 5px #333;/*opera或ie9*/ }#title { width: 200px; margin: 20px auto; }#title legend { font-size: 26px; }div.exlist_title { background-color: #F9EE70; width: 680px; height: 20px; }div.exlist_title img { float: right; margin: -15px 10px; }fieldset { width: 90%; border: 1px dashed #666; margin: 40px auto; }legend { background-color: #F9EE70; height: 120px; height: 30px; color: #630; font-weight: bolder; font-size: 20px; line-height: 30px; margin: -20px 10px 10px; padding: 0 10px; }div.row { margin: 10px; padding: 5px; }div.row label { height: 20px; font-size: 16px; line-height: 20px; margin: 0 10px; }input.txt { background-color: #F9EE70; color: #333; width: 150px; height: 20px; margin: 0 10px; font-size: 16px; line-height: 20px; border: none; border-bottom: 1px solid #565656; }input.txt:focus { color: #333; background-color: #FF0; border-bottom: 1px solid #F00; }select { width: 100px; }option { text-align: center; }input.btn { width: 50px; height: 20px; color: #000008B; background-color: transparent; border: 0; padding: 0; }

6、查看效果。