html列表效果图,HTML/CSS 一个非常漂亮的收藏列表样式

先上效果图:

收藏列表

代码部分一(HTML)

代码部分二(CSS)

li {

text-align: -webkit-match-parent;

display: list-item;

}

.fav_list{

min-height: 95%;

padding: 0 32px 30px;

margin-top: 50px;

margin-right: 50px;

margin-left: 200px;

background-color: #fff;

box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);

}

.fav_list_box{

box-sizing: border-box;

display: block;

overflow: hidden;

zoom: 1;

}

.fav_list_title{

height: 90px;

line-height: 90px;

/*border-bottom: 1px solid #e0e0e0;*/

display: block;

}

.fav_list_title_h3{

display : inline;