购物车案例--麻雀虽小五脏俱全（小标签浮动定位……）_html/css_WEB-ITnose

电商时代的到来，许多网页从此便有了购物车图标，虽说不是难点，但是菜鸟的学习总归是要日积月累的，也希望大家多多指教

 1   2   3   4       5      Document  6       7     *{margin: 0;padding: 0} 8     a{ 9         text-decoration: none;10     }11     .cart {12         width: 100px;13         height: 35px;14         float: right;15         line-height: 35px;16         border: 1px solid #DFDFDF;17         margin: 25px 65px 0 0;18         padding-left: 45px;19         position: relative;20     }21     .cart i {22         position: absolute;23     }24     .icon1 {25         top: 8px;26         left: 12px;27         width: 20px;28         height: 15px;29         background: url(tel.png) no-repeat 0 -90px;30     }31     .icon2 {32         top: 10px;33         right: 10px;34         font: 400 13px/13px "simsun";35         color: #999;36     }37     .icon3 {38         top: -5px;39         width: 16px;40         height: 14px;41         line-height: 14px;42         right: -3px;43         text-align: center;44         color: #fff;45         background-color: #C81623;46         border-radius: 7px 7px 7px 0;47     }48      49  50  51         52             我的购物车53               54              > 55              0 56

      
查看更多关于购物车案例--麻雀虽小五脏俱全（小标签浮动定位……）_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110657

更新时间：2022-11-17 阅读：37次