首页 > 代码库 > List
List
1.块状list
.list_box{ padding:0px; 15px 30px; width:970px; margin:0 auto; overflow:hidden;}.list_items{ list-style:none; width:1020px;}.list_items li{ width:248px; float:left; margin-right:50px; border:1px solid #d8d8d8; margin-bottom:20px; padding:20px;}<div class="list_box"> <ul class="list_items"> <li> <img src="http://www.mamicode.com/home/widgets/category_list/images/goods.jpg"> <h2 class="goods-title">超强瞬吸 双重透气</h2> <p class="goods-description">妙而舒,双重透气,随意动</p> <div class="goods-info"> <span class="goods-price">¥150</span> <span class="goods-jion-cart">加入购物车</span> </div> </li> <li> <img src="http://www.mamicode.com/home/widgets/category_list/images/goods.jpg"> <h2 class="goods-title">超强瞬吸 双重透气</h2> <p class="goods-description">妙而舒,双重透气,随意动</p> <div class="goods-info"> <span class="goods-price">¥150</span> <span class="goods-jion-cart">加入购物车</span> </div> </li> <li> <img src="http://www.mamicode.com/home/widgets/category_list/images/goods.jpg"> <h2 class="goods-title">超强瞬吸 双重透气</h2> <p class="goods-description">妙而舒,双重透气,随意动</p> <div class="goods-info"> <span class="goods-price">¥150</span> <span class="goods-jion-cart">加入购物车</span> </div> </li> <li> <img src="http://www.mamicode.com/home/widgets/category_list/images/goods.jpg"> <h2 class="goods-title">超强瞬吸 双重透气</h2> <p class="goods-description">妙而舒,双重透气,随意动</p> <div class="goods-info"> <span class="goods-price">¥150</span> <span class="goods-jion-cart">加入购物车</span> </div> </li> </ul></div>
List
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。