1、京东商城首页标价定位
.p-img{ height: 130px;}.p-price{ margin:-28px 0 0 74px;} .price{ background-color: #ff0000; color: #fff; padding: 2px 5px; line-height: 14px;}
¥999.00- LG GD580 3G手机 300万像素 999返100元券!
。。。。
2、小横条首页导航的下拉
.header { width: 1024px; margin: 0 auto; height: 60px; border-top: 2px solid #019875; }.collapsible_menu { line-height: 30px; background-color: #019875; color: #fff; cursor: pointer; }.collapsible_menu dt i { height: 0; width: 0; overflow: hidden; display: inline-block; border-width: 4px 4px 0; border-style: solid dashed; border-color: #fff transparent transparent; }.collapsible_menu:hover i { transform: rotate(180deg); }.collapsible_menu dt { min-width: 105px; padding: 0 40px 0 20px; } .collapsible_menu dd{ display: none;} .collapsible_menu dd a { color: #fff; display: block; padding: 0px 20px; }.collapsible_menu dd a:hover { background-color: #91cebe; }
效果: